#2C384C Color

Color Information

HEX#2C384C
RGB44, 56, 76
HSL218° , 27% , 24%
HSV218° , 42% , 30%
CMYK42%, 26%, 0%, 70%

Lighter Shades

#455061 #5F6877 #78808C #9198A2 #ABAFB7 #C4C7CD

Darker Shades

#273143 #212B3A #1C2431 #171D28 #12161E #0C1015

Complementary Palette

#263041 #2C384C #433927 #4E422D #675C4A #4A5465

Analogous Palette

#303E41 #344446 #293547 #2C384C #363446 #434158

Triadic Palette

#273143 #2C384C #542737 #69414F #375427 #304A22

Split Complementary Palette

#283244 #2C384C #4E312D #604642 #494E2D #424629

Square Palette

#252F40 #2C384C #483344 #484033 #2D4E31 #4F6A52

Tetradic Palette

#242E3E #2C384C #452259 #4E422D #365922 #5A774A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2C384C contains 44 red, 56 green, and 76 blue.

Contrast Ratio: 12.36:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.7:1