#001699

A dark, vivid blue closely aligning with Darkblue.

About #001699

When working with digital screens, the color #001699 is rendered by mixing light. If you're using CSS, you might find it aligns closely with Darkblue. Its digital footprint relies on 0 parts red, 22 parts green, and 153 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 100% Cyan, 86% Magenta, 0% Yellow, and 40% Black. With a hue angle of 231.4 degrees, it sits comfortably in the blue spectrum.

When using this color as a background, text legibility must be considered. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#001699
RGB0, 22, 153
HSL231.4°, 100.0%, 30.0%
CMYK100%, 86%, 0%, 40%
HSV231.4°, 100.0%, 60.0%
LAB19.5, 46.3, -69.4
XYZ6.0, 2.9, 30.4
Decimal5785

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

13.34:1
Text on #FFFFFF
AAA
1.57:1
Text on #000000
FAIL
12.75:1
Text on #F8FAFC
AAA
1.34:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Darkblue
#00008B