#2C4C90 Color

Color Information

HEX#2C4C90
RGB44, 76, 144
HSL221° , 53% , 37%
HSV221° , 69% , 56%
CMYK69%, 47%, 0%, 44%

Lighter Shades

#45619D #5F77AB #788CB8 #91A2C5 #ABB7D3 #C4CDE0

Darker Shades

#27437F #213A6D #1C315C #17284B #121E3A #0C1528

Complementary Palette

#26417C #2C4C90 #7C6126 #90712C #A0854A #4A65A0

Analogous Palette

#3A6A73 #3F727D #294787 #2C4C90 #4B3F7D #5B5284

Triadic Palette

#27437F #2C4C90 #9A2349 #A63D5F #499A23 #40881F

Split Complementary Palette

#284482 #2C4C90 #903F2C #9B5241 #7E902C #718228

Square Palette

#254079 #2C4C90 #873678 #876D36 #2C903F #4EA25E

Tetradic Palette

#243E76 #2C4C90 #771BA1 #90712C #46A11B #67B244

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4C90 contains 44 red, 76 green, and 144 blue.

Contrast Ratio: 8.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.5:1