#002C66

A dark, vivid blue closely aligning with Darkslateblue.

About #002C66

The hex code #002C66 represents a beautifully specific shade of blue. It is closely associated with the named CSS color Darkslateblue. Its digital footprint relies on 0 parts red, 44 parts green, and 102 parts blue light.

If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 100% cyan and 57% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. Because it is a dark 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#002C66
RGB0, 44, 102
HSL214.1°, 100.0%, 20.0%
CMYK100%, 57%, 0%, 60%
HSV214.1°, 100.0%, 40.0%
LAB19.1, 12.0, -37.9
XYZ3.3, 2.8, 12.9
Decimal11366

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

13.53:1
Text on #FFFFFF
AAA
1.55:1
Text on #000000
FAIL
12.93:1
Text on #F8FAFC
AAA
1.32:1
Text on #0F172A
FAIL

CSS Implementation

.bg-color { background-color: #002C66; }
.text-color { color: #002C66; }
.border-color { border: 2px solid #002C66; }

Similar Colors

Darkslateblue
#483D8B