HEX Color #A057FF (Blueviolet)

About #A057FF

When working with digital screens, the color #A057FF is rendered by mixing light. If you're using CSS, you might find it aligns closely with Blueviolet. Its digital footprint relies on 160 parts red, 87 parts green, and 255 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 37% cyan and 66% magenta inks. The HSL representation is 266.1° hue, 100.0% saturation, and 67.1% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#A057FF

RGB160, 87, 255

HSL266.1°, 100.0%, 67.1%

CMYK37%, 66%, 0%, 0%

HSV266.1°, 65.9%, 100.0%

LAB53.5, 62.0, -72.5

XYZ36.0, 21.5, 96.9

Decimal10508287

Color Harmonies

Complementary

#A057FF #B6FF57

Analogous

#5761FF #F357FF

Triadic

#FF9F57 #57FFA0

Tetradic

#FF5762 #B6FF57 #57FFF3

Tints, Shades & Tones

Tints (Adding White)

#A057FF

#AA69FF

#B57CFF

#BF8FFF

#CAA1FF

#D4B4FF

#DFC7FF

#E9D9FF

#F4ECFF

#FFFFFF

Shades (Adding Black)

#A057FF

#8E4DE2

#7C43C6

#6A3AAA

#58308D

#472671

#351D55

#231338

#11091C

#000000

WCAG Contrast Accessibility

3.96:1

Text on #FFFFFF

AA Large

5.30:1

Text on #000000

AA

3.79:1

Text on #F8FAFC

AA Large

4.51:1

Text on #0F172A

AA

CSS Implementation

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

.text-color { color: #A057FF; }

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

Similar Colors

Blueviolet

#8A2BE2