HEX Color #575FE9 (Mediumslateblue)

About #575FE9

The precise color #575FE9 is an excellent choice for modern design projects. Designers often compare it to the standard color Mediumslateblue. Its digital footprint relies on 87 parts red, 95 parts green, and 233 parts blue light.

Translating this color to physical media requires the CMYK color model. The color uses 63% Cyan, 59% Magenta, 0% Yellow, and 9% Black. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#575FE9

RGB87, 95, 233

HSL236.7°, 76.8%, 62.7%

CMYK63%, 59%, 0%, 9%

HSV236.7°, 62.7%, 91.4%

LAB47.1, 38.4, -70.9

XYZ22.7, 16.1, 79.0

Decimal5726185

Color Harmonies

Complementary

#575FE9 #E8E057

Analogous

#57A8E8 #9757E8

Triadic

#E8575F #5FE857

Tetradic

#E857A7 #E8E057 #57E897

Tints, Shades & Tones

Tints (Adding White)

#575FE9

#6970EB

#7C82ED

#8F94F0

#A1A6F2

#B4B7F5

#C7C9F7

#D9DBFA

#ECEDFC

#FFFFFF

Shades (Adding Black)

#575FE9

#4D54CF

#4349B5

#3A3F9B

#303481

#262A67

#1D1F4D

#131533

#090A19

#000000

WCAG Contrast Accessibility

4.98:1

Text on #FFFFFF

AA

4.22:1

Text on #000000

AA Large

4.76:1

Text on #F8FAFC

AA

3.59:1

Text on #0F172A

AA Large

CSS Implementation

.bg-color { background-color: #575FE9; }

.text-color { color: #575FE9; }

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

Similar Colors

Mediumslateblue

#7B68EE