#2C4487 Color

Color Information

HEX	#2C4487
RGB	44, 68, 135
HSL	224° , 51% , 35%
HSV	224° , 67% , 53%
CMYK	67%, 50%, 0%, 47%

Lighter Shades

#455A95 #5F71A4 #7887B2 #919EC1 #ABB4CF #C4CBDD

Darker Shades

#273C77 #213467 #1C2C56 #172346 #121B36 #0C1326

Complementary Palette

#263A74 #2C4487 #745F26 #876E2C #98824A #4A5E98

Analogous Palette

#385F6B #3E6875 #29407F #2C4487 #4A3E75 #5B517B

Triadic Palette

#273C77 #2C4487 #902340 #9D3D57 #409023 #387F1F

Split Complementary Palette

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

Square Palette

#253971 #2C4487 #7E356D #7E6A35 #2C8741 #4E9A5F

Tetradic Palette

#24386F #2C4487 #761C97 #876E2C #3D971C #60AA45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4487 contains 44 red, 68 green, and 135 blue.

Contrast Ratio: 9.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.23:1