#2C658E Color

Color Information

HEX#2C658E
RGB44, 101, 142
HSL205° , 53% , 36%
HSV205° , 69% , 56%
CMYK69%, 29%, 0%, 44%

Lighter Shades

#45779C #5F8AA9 #789CB7 #91AFC4 #ABC1D2 #C4D4DF

Darker Shades

#27597D #214D6C #1C415B #17354A #122839 #0C1C28

Complementary Palette

#26577A #2C658E #784825 #8C542B #9C6C49 #4A7B9E

Analogous Palette

#38706B #3E7A75 #295F85 #2C658E #3E437A #515581

Triadic Palette

#27597D #2C658E #962265 #A33D77 #659622 #59841E

Split Complementary Palette

#285B80 #2C658E #8C2B33 #984047 #8C842B #7E7727

Square Palette

#255577 #2C658E #7D3483 #835534 #338C2B #549E4D

Tetradic Palette

#245374 #2C658E #511B9D #8C542B #679D1B #82AF44

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C658E contains 44 red, 101 green, and 142 blue.

Contrast Ratio: 6.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.35:1