#2C3E7D Color

Color Information

HEX#2C3E7D
RGB44, 62, 125
HSL227° , 48% , 33%
HSV227° , 65% , 49%
CMYK65%, 50%, 0%, 51%

Lighter Shades

#45558D #5F6C9C #7883AC #919BBB #ABB2CB #C4C9DB

Darker Shades

#27376E #212F5F #1C2850 #172041 #121932 #0C1123

Complementary Palette

#26356C #2C3E7D #6C5C26 #7D6B2C #8F804A #4A598F

Analogous Palette

#375662 #3D5E6C #293A76 #2C3E7D #4A3D6C #594F72

Triadic Palette

#27376E #2C3E7D #852338 #943D50 #388523 #31751F

Split Complementary Palette

#283871 #2C3E7D #7D432C #8A5641 #667D2C #5C7128

Square Palette

#253469 #2C3E7D #743462 #746634 #2C7D43 #4E9261

Tetradic Palette

#243367 #2C3E7D #741D8C #7D6B2C #358C1D #59A146

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C3E7D contains 44 red, 62 green, and 125 blue.

Contrast Ratio: 10.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.03:1