HEX Color #575792 (Darkslateblue)

About #575792

The precise color #575792 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Darkslateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 87, and 146.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 40% C, 40% M, 0% Y, and 43% K. The HSL representation is 240.0° hue, 25.3% saturation, and 45.7% lightness.

Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#575792

RGB87, 87, 146

HSL240.0°, 25.3%, 45.7%

CMYK40%, 40%, 0%, 43%

HSV240.0°, 40.4%, 57.3%

LAB39.4, 15.5, -32.6

XYZ12.5, 10.9, 28.6

Decimal5724050

Color Harmonies

Complementary

#575792 #929257

Analogous

#577492 #745792

Triadic

#925757 #579257

Tetradic

#925774 #929257 #579274

Tints, Shades & Tones

Tints (Adding White)

#575792

#69699E

#7C7CAA

#8F8FB6

#A1A1C2

#B4B4CE

#C7C7DA

#D9D9E6

#ECECF2

#FFFFFF

Shades (Adding Black)

#575792

#4D4D81

#434371

#3A3A61

#303051

#262640

#1D1D30

#131320

#090910

#000000

WCAG Contrast Accessibility

6.60:1

Text on #FFFFFF

AA

3.18:1

Text on #000000

AA Large

6.30:1

Text on #F8FAFC

AA

2.71:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #575792; }

.text-color { color: #575792; }

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

Similar Colors

Darkslateblue

#483D8B