#004966

A dark, vivid blue closely aligning with Darkslategray.

About #004966

Visually, #004966 is defined as a vivid blue. It is closely associated with the named CSS color Darkslategray. In the RGB color space, it consists of 0 red, 73 green, and 102 blue.

If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 100% cyan, 28% magenta, 0% yellow, and 60% black. The HSL representation is 197.1° hue, 100.0% saturation, and 20.0% lightness.

From a UX and accessibility standpoint, contrast is paramount. Because it is a dark color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#004966
RGB0, 73, 102
HSL197.1°, 100.0%, 20.0%
CMYK100%, 28%, 0%, 60%
HSV197.1°, 100.0%, 40.0%
LAB28.7, -8.1, -22.5
XYZ4.8, 5.7, 13.4
Decimal18790

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.79:1
Text on #FFFFFF
AAA
2.14:1
Text on #000000
FAIL
9.36:1
Text on #F8FAFC
AAA
1.82:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Darkslategray
#2F4F4F