#2C4488 Color

Color Information

HEX#2C4488
RGB44, 68, 136
HSL224° , 51% , 35%
HSV224° , 68% , 53%
CMYK68%, 50%, 0%, 47%

Lighter Shades

#455A96 #5F71A5 #7887B3 #919EC1 #ABB4CF #C4CBDE

Darker Shades

#273C78 #213467 #1C2C57 #172347 #121B36 #0C1326

Complementary Palette

#263A75 #2C4488 #745F26 #876E2C #98824A #4A5E99

Analogous Palette

#385F6B #3E6875 #294080 #2C4488 #4A3E75 #5B517B

Triadic Palette

#273C78 #2C4488 #902340 #9D3D57 #409023 #387F1F

Split Complementary Palette

#283D7A #2C4488 #87412C #935441 #72872C #677A28

Square Palette

#253972 #2C4488 #7E356D #7E6A35 #2C8741 #4E9A5F

Tetradic Palette

#243870 #2C4488 #761C97 #876E2C #3D971C #60AA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4488 contains 44 red, 68 green, and 136 blue.

Contrast Ratio: 9.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.23:1