HEX Color #1D3AC5 (Darkblue)

About #1D3AC5

At its core, #1D3AC5 is a medium and vivid hue. If you're using CSS, you might find it aligns closely with Darkblue. In the RGB color space, it consists of 29 red, 58 green, and 197 blue.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 85% cyan and 71% magenta inks. With a hue angle of 229.6 degrees, it sits comfortably in the blue spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#1D3AC5

RGB29, 58, 197

HSL229.6°, 74.3%, 44.3%

CMYK85%, 71%, 0%, 23%

HSV229.6°, 85.3%, 77.3%

LAB32.5, 42.4, -74.3

XYZ12.1, 7.3, 53.6

Decimal1915589

Color Harmonies

Complementary

#1D3AC5 #C5A81D

Analogous

#1D8DC5 #541DC5

Triadic

#C51D39 #39C51D

Tetradic

#C51D8D #C5A81D #1DC554

Tints, Shades & Tones

Tints (Adding White)

#1D3AC5

#364FCB

#4F65D1

#687BD8

#8191DE

#9AA7E5

#B3BDEB

#CCD3F2

#E5E9F8

#FFFFFF

Shades (Adding Black)

#1D3AC5

#1933AF

#162D99

#132683

#10206D

#0C1957

#091341

#060C2B

#030615

#000000

WCAG Contrast Accessibility

8.52:1

Text on #FFFFFF

AAA

2.46:1

Text on #000000

FAIL

8.15:1

Text on #F8FAFC

AAA

2.09:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #1D3AC5; }

.text-color { color: #1D3AC5; }

.border-color { border: 2px solid #1D3AC5; }

Similar Colors

Darkblue

#00008B