#003AAF

A dark, vivid blue closely aligning with Slateblue.

About #003AAF

At its core, #003AAF is a dark and vivid hue. If you're using CSS, you might find it aligns closely with Slateblue. Its digital footprint relies on 0 parts red, 58 parts green, and 175 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 100% C, 67% M, 0% Y, and 31% K. Always request a physical proof before doing a large print run with this exact code.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#003AAF
RGB0, 58, 175
HSL220.1°, 100.0%, 34.3%
CMYK100%, 67%, 0%, 31%
HSV220.1°, 100.0%, 68.6%
LAB29.7, 32.9, -65.9
XYZ9.3, 6.1, 41.3
Decimal15023

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

9.44:1
Text on #FFFFFF
AAA
2.22:1
Text on #000000
FAIL
9.02:1
Text on #F8FAFC
AAA
1.89:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Slateblue
#6A5ACD