#3A4E49 Color

Color Information

HEX#3A4E49
RGB58, 78, 73
HSL165° , 15% , 27%
HSV165° , 26% , 31%
CMYK26%, 0%, 6%, 69%

Lighter Shades

#52635F #697875 #818E8B #99A3A0 #B0B8B6 #C8CDCC

Darker Shades

#334540 #2C3B37 #25322F #1E2926 #171F1D #101614

Complementary Palette

#32433F #3A4E49 #443337 #4F3B40 #68565B #566762

Analogous Palette

#36493B #3B4F40 #374945 #3A4E49 #3B4A4F #485A61

Triadic Palette

#334540 #3A4E49 #4D3455 #624C69 #554D34 #4B442E

Split Complementary Palette

#344642 #3A4E49 #4F3B4A #614F5C #4F403B #473A35

Square Palette

#31423D #3A4E49 #403B4F #4F3B40 #4A4F3B #676B5A

Tetradic Palette

#30403C #3A4E49 #2F3A5B #4F3B40 #5B502F #797054

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4E49 contains 58 red, 78 green, and 73 blue.

Contrast Ratio: 9.08:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.31:1