HEX Color #570FBD (Blueviolet)

About #570FBD

The precise color #570FBD is an excellent choice for modern design projects. Its closest recognized web color is Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 15, and 189.

When sending designs containing this color to a printer, the CMYK values come into play. Its ink density profile breaks down to 54% cyan, 92% magenta, 0% yellow, and 26% black. The HSL representation is 264.8° hue, 85.3% saturation, and 40.0% lightness.

Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#570FBD

RGB87, 15, 189

HSL264.8°, 85.3%, 40.0%

CMYK54%, 92%, 0%, 26%

HSV264.8°, 92.1%, 74.1%

LAB29.5, 63.3, -74.4

XYZ13.3, 6.0, 48.6

Decimal5705661

Color Harmonies

Complementary

#570FBD #74BD0F

Analogous

#0F1DBD #AE0FBD

Triadic

#BD570F #0FBD57

Tetradic

#BD0F1D #74BD0F #0FBDAD

Tints, Shades & Tones

Tints (Adding White)

#570FBD

#6929C4

#7C44CB

#8F5FD3

#A179DA

#B494E1

#C7AFE9

#D9C9F0

#ECE4F7

#FFFFFF

Shades (Adding Black)

#570FBD

#4D0DA8

#430B93

#3A0A7E

#300869

#260654

#1D053F

#13032A

#090115

#000000

WCAG Contrast Accessibility

9.51:1

Text on #FFFFFF

AAA

2.21:1

Text on #000000

FAIL

9.09:1

Text on #F8FAFC

AAA

1.88:1

Text on #0F172A

FAIL

CSS Implementation

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

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

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

Similar Colors

Blueviolet

#8A2BE2