HEX Color #1D57A0 (Darkslateblue)

About #1D57A0

The precise color #1D57A0 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslateblue. Its digital footprint relies on 29 parts red, 87 parts green, and 160 parts blue light.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 82% cyan and 46% magenta inks. The HSL representation is 213.4° hue, 69.3% saturation, and 37.1% lightness.

From a UX and accessibility standpoint, contrast is paramount. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#1D57A0

RGB29, 87, 160

HSL213.4°, 69.3%, 37.1%

CMYK82%, 46%, 0%, 37%

HSV213.4°, 81.9%, 62.7%

LAB37.1, 9.0, -44.8

XYZ10.3, 9.6, 34.6

Decimal1922976

Color Harmonies

Complementary

#1D57A0 #A0661D

Analogous

#1D98A0 #241DA0

Triadic

#A01D56 #56A01D

Tetradic

#A01D98 #A0661D #1DA024

Tints, Shades & Tones

Tints (Adding White)

#1D57A0

#3669AA

#4F7CB5

#688FBF

#81A1CA

#9AB4D4

#B3C7DF

#CCD9E9

#E5ECF4

#FFFFFF

Shades (Adding Black)

#1D57A0

#194D8E

#16437C

#133A6A

#103058

#0C2647

#091D35

#061323

#030911

#000000

WCAG Contrast Accessibility

7.18:1

Text on #FFFFFF

AAA

2.92:1

Text on #000000

FAIL

6.87:1

Text on #F8FAFC

AA

2.49:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Darkslateblue

#483D8B