HEX Color #1D42D3 (Mediumslateblue)

About #1D42D3

The hex code #1D42D3 represents a beautifully specific shade of blue. Its closest recognized web color is Mediumslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 29, 66, and 211.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 86% cyan and 69% magenta inks. With a hue angle of 227.8 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. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#1D42D3

RGB29, 66, 211

HSL227.8°, 75.8%, 47.1%

CMYK86%, 69%, 0%, 17%

HSV227.8°, 86.3%, 82.7%

LAB35.7, 42.5, -77.1

XYZ14.2, 8.9, 62.6

Decimal1917651

Color Harmonies

Complementary

#1D42D3 #D2AD1D

Analogous

#1D9DD2 #521DD2

Triadic

#D21D41 #41D21D

Tetradic

#D21D9C #D2AD1D #1DD252

Tints, Shades & Tones

Tints (Adding White)

#1D42D3

#3657D7

#4F6CDC

#6881E1

#8196E6

#9AABEB

#B3C0F0

#CCD5F5

#E5EAFA

#FFFFFF

Shades (Adding Black)

#1D42D3

#193ABB

#1633A4

#132C8C

#102475

#0C1D5D

#091646

#060E2E

#030717

#000000

WCAG Contrast Accessibility

7.58:1

Text on #FFFFFF

AAA

2.77:1

Text on #000000

FAIL

7.24:1

Text on #F8FAFC

AAA

2.36:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Mediumslateblue

#7B68EE