#2C4B5B Color

Color Information

HEX#2C4B5B
RGB44, 75, 91
HSL200° , 35% , 26%
HSV200° , 52% , 36%
CMYK52%, 18%, 0%, 64%

Lighter Shades

#45616F #5F7682 #788C96 #91A1AA #ABB7BD #C4CDD1

Darker Shades

#274250 #213945 #1C303A #17272F #121E24 #0C1519

Complementary Palette

#26414E #2C4B5B #4D3325 #5A3B2B #715649 #4A6472

Analogous Palette

#344643 #384C49 #294756 #2C4B5B #383C4C #45495E

Triadic Palette

#274250 #2C4B5B #60244C #733E61 #4C6024 #435420

Split Complementary Palette

#284452 #2C4B5B #5A2B33 #6B4047 #5A522B #514A27

Square Palette

#253F4C #2C4B5B #4D3253 #533D32 #335A2B #54744D

Tetradic Palette

#243E4B #2C4B5B #371F65 #5A3B2B #4E651F #6E8147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4B5B contains 44 red, 75 green, and 91 blue.

Contrast Ratio: 9.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.21:1