#2C576E Color

Color Information

HEX	#2C576E
RGB	44, 87, 110
HSL	201° , 43% , 30%
HSV	201° , 60% , 43%
CMYK	60%, 21%, 0%, 57%

Lighter Shades

#456B7F #5F7F91 #7893A2 #91A8B4 #ABBCC5 #C4D0D6

Darker Shades

#274D61 #214254 #1C3846 #172D39 #12232C #0C181F

Complementary Palette

#264B5F #2C576E #5E3A26 #6D432C #815D4A #4A6F82

Analogous Palette

#355550 #3C5D59 #295267 #2C576E #3C405D #4E526A

Triadic Palette

#274D61 #2C576E #742558 #853F6C #587425 #4D6621

Split Complementary Palette

#284E63 #2C576E #6D2C35 #7C4149 #6D642C #625A28

Square Palette

#25495C #2C576E #5E3465 #654534 #356D2C #55844E

Tetradic Palette

#24475A #2C576E #3F1F7A #6D432C #5A7A1F #789247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C576E contains 44 red, 87 green, and 110 blue.

Contrast Ratio: 7.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.66:1