HEX Color #002CE9 (Mediumblue)

About #002CE9

The precise color #002CE9 is an excellent choice for modern design projects. It is closely associated with the named CSS color Mediumblue. Its digital footprint relies on 0 parts red, 44 parts green, and 233 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 100% C, 81% M, 0% Y, and 9% K. With a hue angle of 228.7 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a medium color, it is generally recommended to use #FFFFFF text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#002CE9

RGB0, 44, 233

HSL228.7°, 100.0%, 45.7%

CMYK100%, 81%, 0%, 9%

HSV228.7°, 100.0%, 91.4%

LAB33.3, 61.2, -93.7

XYZ15.6, 7.7, 77.8

Decimal11497

Color Harmonies

Complementary

#002CE9 #E9BD00

Analogous

#00A0E9 #4800E9

Triadic

#E9002B #2BE900

Tetradic

#E900A0 #E9BD00 #00E948

Tints, Shades & Tones

Tints (Adding White)

#002CE9

#1C43EB

#385AED

#5572F0

#7189F2

#8DA1F5

#AAB8F7

#C6D0FA

#E2E7FC

#FFFFFF

Shades (Adding Black)

#002CE9

#0027CF

#0022B5

#001D9B

#001881

#001367

#000E4D

#000933

#000419

#000000

WCAG Contrast Accessibility

8.28:1

Text on #FFFFFF

AAA

2.54:1

Text on #000000

FAIL

7.91:1

Text on #F8FAFC

AAA

2.16:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #002CE9; }

.text-color { color: #002CE9; }

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

Similar Colors

Mediumblue

#0000CD