#3A5950 Color

Color Information

HEX#3A5950
RGB58, 89, 80
HSL163° , 21% , 29%
HSV163° , 35% , 35%
CMYK35%, 0%, 10%, 65%

Lighter Shades

#526D65 #69817A #81958F #99A9A4 #B0BDB9 #C8D1CE

Darker Shades

#334E46 #2C443D #253933 #1E2E2A #172420 #101916

Complementary Palette

#324D45 #3A5950 #4D323A #593A43 #70565D #567069

Analogous Palette

#384C3D #3F5544 #37544B #3A5950 #3F5155 #4C6267

Triadic Palette

#334E46 #3A5950 #553361 #694B74 #615533 #554B2D

Split Complementary Palette

#345048 #3A5950 #593A53 #6A4E64 #59413A #503B34

Square Palette

#314B43 #3A5950 #443F55 #553F45 #53593A #6F745A

Tetradic Palette

#304942 #3A5950 #2D3D67 #593A43 #67582D #827653

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5950 contains 58 red, 89 green, and 80 blue.

Contrast Ratio: 7.81:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 2.69:1