HEX Color #2C0066 (Midnightblue)

About #2C0066

At its core, #2C0066 is a dark and vivid hue. It is closely associated with the named CSS color Midnightblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 0, and 102.

When sending designs containing this color to a printer, the CMYK values come into play. The color uses 57% Cyan, 100% Magenta, 0% Yellow, and 60% Black. The HSL representation is 265.9° hue, 100.0% saturation, and 20.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2C0066

RGB44, 0, 102

HSL265.9°, 100.0%, 20.0%

CMYK57%, 100%, 0%, 60%

HSV265.9°, 100.0%, 40.0%

LAB12.6, 42.2, -48.4

XYZ3.4, 1.5, 12.7

Decimal2883686

Color Harmonies

Complementary

#2C0066 #3A6600

Analogous

#000666 #5E0066

Triadic

#662B00 #00662C

Tetradic

#660007 #3A6600 #00665F

Tints, Shades & Tones

Tints (Adding White)

#2C0066

#431C77

#5A3888

#725599

#8971AA

#A18DBB

#B8AACC

#D0C6DD

#E7E2EE

#FFFFFF

Shades (Adding Black)

#2C0066

#27005A

#22004F

#1D0044

#180038

#13002D

#0E0022

#090016

#04000B

#000000

WCAG Contrast Accessibility

16.17:1

Text on #FFFFFF

AAA

1.30:1

Text on #000000

FAIL

15.45:1

Text on #F8FAFC

AAA

1.10:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Midnightblue

#191970