#3A5953 Color

Color Information

HEX#3A5953
RGB58, 89, 83
HSL168° , 21% , 29%
HSV168° , 35% , 35%
CMYK35%, 0%, 7%, 65%

Lighter Shades

#526D68 #69817C #819591 #99A9A6 #B0BDBA #C8D1CF

Darker Shades

#334E49 #2C443F #253935 #1E2E2B #172421 #101917

Complementary Palette

#324D47 #3A5953 #4D3238 #593A41 #70565C #56706B

Analogous Palette

#384C3F #3F5546 #37544E #3A5953 #3F4F55 #4C5F67

Triadic Palette

#334E49 #3A5953 #583361 #6C4B74 #615833 #554D2D

Split Complementary Palette

#34504B #3A5953 #593A50 #6A4E62 #59443A #503D34

Square Palette

#314B46 #3A5953 #463F55 #553F44 #50593A #6C745A

Tetradic Palette

#304944 #3A5953 #2D3B67 #593A41 #675B2D #827953

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5953 contains 58 red, 89 green, and 83 blue.

Contrast Ratio: 7.79:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1