HEX Color #2C3399 (Midnightblue)

About #2C3399

The hex code #2C3399 represents a beautifully specific shade of blue. Its closest recognized web color is Midnightblue. In the RGB color space, it consists of 44 red, 51 green, and 153 blue.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 71% cyan and 67% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#2C3399

RGB44, 51, 153

HSL236.1°, 55.3%, 38.6%

CMYK71%, 67%, 0%, 40%

HSV236.1°, 71.2%, 60.0%

LAB27.3, 32.2, -56.5

XYZ8.0, 5.2, 30.7

Decimal2896793

Color Harmonies

Complementary

#2C3399 #99922B

Analogous

#2B6999 #5B2B99

Triadic

#992B32 #32992B

Tetradic

#992B69 #99922B #2B995B

Tints, Shades & Tones

Tints (Adding White)

#2C3399

#4349A4

#5A60AF

#7277BB

#898DC6

#A1A4D1

#B8BBDD

#D0D1E8

#E7E8F3

#FFFFFF

Shades (Adding Black)

#2C3399

#272D88

#222777

#1D2266

#181C55

#131644

#0E1133

#090B22

#040511

#000000

WCAG Contrast Accessibility

10.29:1

Text on #FFFFFF

AAA

2.04:1

Text on #000000

FAIL

9.84:1

Text on #F8FAFC

AAA

1.73:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Midnightblue

#191970