#2C4A4E Color

Color Information

HEX	#2C4A4E
RGB	44, 74, 78
HSL	187° , 28% , 24%
HSV	187° , 44% , 31%
CMYK	44%, 5%, 0%, 69%

Lighter Shades

#456063 #5F7578 #788B8E #91A1A3 #ABB7B8 #C4CCCD

Darker Shades

#274145 #21383B #1C2F32 #172629 #121E1F #0C1516

Complementary Palette

#264043 #2C4A4E #432926 #4E302C #674D4A #4A6367

Analogous Palette

#30413A #34463F #294649 #2C4A4E #343B46 #414A58

Triadic Palette

#274145 #2C4A4E #54264F #694064 #4F5426 #464A21

Split Complementary Palette

#284346 #2C4A4E #4E2C39 #60414D #4E412C #463B28

Square Palette

#253E42 #2C4A4E #403248 #483532 #394E2C #596A4E

Tetradic Palette

#243D40 #2C4A4E #282159 #4E302C #535921 #727749

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4A4E contains 44 red, 74 green, and 78 blue.

Contrast Ratio: 9.83:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.14:1