#2C4E6D Color

Color Information

HEX#2C4E6D
RGB44, 78, 109
HSL209° , 42% , 30%
HSV209° , 60% , 43%
CMYK60%, 28%, 0%, 57%

Lighter Shades

#45637F #5F7890 #788EA2 #91A3B3 #ABB8C5 #C4CDD6

Darker Shades

#274560 #213B53 #1C3246 #172939 #121F2C #0C161F

Complementary Palette

#26435E #2C4E6D #5E4126 #6D4B2C #81644A #4A6781

Analogous Palette

#355554 #3C5D5D #294966 #2C4E6D #3C3C5D #4E4E6A

Triadic Palette

#274560 #2C4E6D #74254E #853F63 #4E7425 #456621

Split Complementary Palette

#284662 #2C4E6D #6D2C2D #7C4142 #6D6C2C #626128

Square Palette

#25425C #2C4E6D #643465 #654C34 #2D6D2C #4F844E

Tetradic Palette

#244059 #2C4E6D #4B1F7A #6D4B2C #4E7A1F #6E9247

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C4E6D contains 44 red, 78 green, and 109 blue.

Contrast Ratio: 8.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1