#2D4C4E Color

Color Information

HEX#2D4C4E
RGB45, 76, 78
HSL184° , 27% , 24%
HSV184° , 42% , 31%
CMYK42%, 3%, 0%, 69%

Lighter Shades

#466163 #5F7778 #798C8E #92A2A3 #ABB7B8 #C4CDCD

Darker Shades

#284345 #223A3B #1D3132 #172829 #121E1F #0D1516

Complementary Palette

#274143 #2D4C4E #432827 #4E2F2D #674C4A #4A6567

Analogous Palette

#304139 #34463E #2A4749 #2D4C4E #343C46 #414B58

Triadic Palette

#284345 #2D4C4E #542751 #694166 #515427 #474A22

Split Complementary Palette

#294446 #2D4C4E #4E2D3B #60424F #4E3F2D #463929

Square Palette

#264042 #2D4C4E #3E3348 #483433 #3B4E2D #5A6A4F

Tetradic Palette

#253E40 #2D4C4E #252259 #4E2F2D #555922 #74774A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2D4C4E contains 45 red, 76 green, and 78 blue.

Contrast Ratio: 9.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1