#36477C Color

Color Information

HEX	#36477C
RGB	54, 71, 124
HSL	225° , 39% , 35%
HSV	225° , 56% , 49%
CMYK	56%, 43%, 0%, 51%

Lighter Shades

#4E5D8C #66739B #7E89AB #969FBB #AFB5CB #C7CBDA

Darker Shades

#303E6D #29365E #232D4F #1C2540 #161C32 #0F1423

Complementary Palette

#2E3D6B #36477C #6B5C2E #7C6B36 #8E8052 #52618E

Analogous Palette

#425961 #48626A #334375 #36477C #51486A #5F5775

Triadic Palette

#303E6D #36477C #852E43 #94475A #43852E #3B7528

Split Complementary Palette

#314070 #36477C #7C4836 #895A4A #6B7C36 #607031

Square Palette

#2D3C68 #36477C #733F66 #73663F #367C48 #569165

Tetradic Palette

#2C3A66 #36477C #73268C #7C6B36 #408C26 #62A14D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #36477C contains 54 red, 71 green, and 124 blue.

Contrast Ratio: 9.15:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.29:1