HEX Color #2C3366 (Darkslateblue)

About #2C3366

The hex code #2C3366 represents a beautifully specific shade of blue. Designers often compare it to the standard color Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 51, and 102.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 57% cyan and 50% magenta inks. The HSL representation is 232.8° hue, 39.7% saturation, and 28.6% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#2C3366

RGB44, 51, 102

HSL232.8°, 39.7%, 28.6%

CMYK57%, 50%, 0%, 60%

HSV232.8°, 56.9%, 40.0%

LAB23.2, 13.5, -31.1

XYZ4.6, 3.9, 13.1

Decimal2896742

Color Harmonies

Complementary

#2C3366 #655F2C

Analogous

#2C4F65 #422C65

Triadic

#652C32 #32652C

Tetradic

#652C4F #655F2C #2C6542

Tints, Shades & Tones

Tints (Adding White)

#2C3366

#434977

#5A6088

#727799

#898DAA

#A1A4BB

#B8BBCC

#D0D1DD

#E7E8EE

#FFFFFF

Shades (Adding Black)

#2C3366

#272D5A

#22274F

#1D2244

#181C38

#13162D

#0E1122

#090B16

#04050B

#000000

WCAG Contrast Accessibility

11.85:1

Text on #FFFFFF

AAA

1.77:1

Text on #000000

FAIL

11.32:1

Text on #F8FAFC

AAA

1.51:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #2C3366; }

.text-color { color: #2C3366; }

.border-color { border: 2px solid #2C3366; }

Similar Colors

Darkslateblue

#483D8B