HEX Color #575FBD (Slateblue)

About #575FBD

The hex code #575FBD represents a beautifully specific shade of blue. Its closest recognized web color is Slateblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 95, and 189.

When sending designs containing this color to a printer, the CMYK values come into play. To reproduce this shade on paper, a printer utilizes 54% cyan and 50% magenta inks. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #FFFFFF text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#575FBD

RGB87, 95, 189

HSL235.3°, 43.6%, 54.1%

CMYK54%, 50%, 0%, 26%

HSV235.3°, 54.0%, 74.1%

LAB44.1, 23.9, -50.7

XYZ17.2, 13.9, 49.9

Decimal5726141

Color Harmonies

Complementary

#575FBD #BDB557

Analogous

#5791BD #8257BD

Triadic

#BD575E #5FBD57

Tetradic

#BD5792 #BDB557 #57BD82

Tints, Shades & Tones

Tints (Adding White)

#575FBD

#6970C4

#7C82CB

#8F94D3

#A1A6DA

#B4B7E1

#C7C9E9

#D9DBF0

#ECEDF7

#FFFFFF

Shades (Adding Black)

#575FBD

#4D54A8

#434993

#3A3F7E

#303469

#262A54

#1D1F3F

#13152A

#090A15

#000000

WCAG Contrast Accessibility

5.56:1

Text on #FFFFFF

AA

3.78:1

Text on #000000

AA Large

5.31:1

Text on #F8FAFC

AA

3.21:1

Text on #0F172A

AA Large

CSS Implementation

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

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

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

Similar Colors

Slateblue

#6A5ACD