HEX Color #2C07A8 (Darkblue)

About #2C07A8

At its core, #2C07A8 is a dark and vivid hue. Its closest recognized web color is Darkblue. To achieve this exact tint on a monitor, you would use an RGB mix of 44, 7, and 168.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 74% cyan and 96% magenta inks. The HSL representation is 253.8° hue, 92.0% saturation, and 34.3% lightness.

Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#2C07A8

RGB44, 7, 168

HSL253.8°, 92.0%, 34.3%

CMYK74%, 96%, 0%, 34%

HSV253.8°, 95.8%, 65.9%

LAB22.0, 57.0, -74.4

XYZ8.2, 3.5, 37.3

Decimal2885544

Color Harmonies

Complementary

#2C07A8 #83A807

Analogous

#0732A8 #7C07A8

Triadic

#A82B07 #07A82B

Tetradic

#A80732 #83A807 #07A87C

Tints, Shades & Tones

Tints (Adding White)

#2C07A8

#4322B1

#5A3EBB

#7259C5

#8975CE

#A190D8

#B8ACE2

#D0C7EB

#E7E3F5

#FFFFFF

Shades (Adding Black)

#2C07A8

#270695

#220582

#1D0470

#18035D

#13034A

#0E0238

#090125

#040012

#000000

WCAG Contrast Accessibility

12.33:1

Text on #FFFFFF

AAA

1.70:1

Text on #000000

FAIL

11.79:1

Text on #F8FAFC

AAA

1.45:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkblue

#00008B