#003A83

A dark, vivid blue closely aligning with Darkslateblue.

About #003A83

At its core, #003A83 is a dark and vivid hue. It is closely associated with the named CSS color Darkslateblue. Its digital footprint relies on 0 parts red, 58 parts green, and 131 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 100% cyan and 56% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#003A83
RGB0, 58, 131
HSL213.4°, 100.0%, 25.7%
CMYK100%, 56%, 0%, 49%
HSV213.4°, 100.0%, 51.4%
LAB25.8, 14.7, -45.5
XYZ5.6, 4.7, 22.1
Decimal14979

Color Harmonies

Complementary

Analogous

Triadic

Tints, Shades & Tones

Tints (Adding White)

Shades (Adding Black)

WCAG Contrast Accessibility

10.86:1
Text on #FFFFFF
AAA
1.93:1
Text on #000000
FAIL
10.38:1
Text on #F8FAFC
AAA
1.64:1
Text on #0F172A
FAIL

CSS Implementation

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

Similar Colors

Darkslateblue
#483D8B