HEX Color #5700B6 (Blueviolet)

About #5700B6

The precise color #5700B6 is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Blueviolet. Its digital footprint relies on 87 parts red, 0 parts green, and 182 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 52% cyan and 100% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Contrast ratios determine whether this color is safe for typography. 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#5700B6

RGB87, 0, 182

HSL268.7°, 100.0%, 35.7%

CMYK52%, 100%, 0%, 29%

HSV268.7°, 100.0%, 71.4%

LAB27.9, 64.4, -73.0

XYZ12.4, 5.4, 44.6

Decimal5701814

Color Harmonies

Complementary

#5700B6 #5FB600

Analogous

#0003B6 #B100B6

Triadic

#B65600 #00B656

Tetradic

#B60004 #5FB600 #00B6B1

Tints, Shades & Tones

Tints (Adding White)

#5700B6

#691CBE

#7C38C6

#8F55CE

#A171D6

#B48DDE

#C7AAE6

#D9C6EE

#ECE2F6

#FFFFFF

Shades (Adding Black)

#5700B6

#4D00A1

#43008D

#3A0079

#300065

#260050

#1D003C

#130028

#090014

#000000

WCAG Contrast Accessibility

10.09:1

Text on #FFFFFF

AAA

2.08:1

Text on #000000

FAIL

9.65:1

Text on #F8FAFC

AAA

1.77:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5700B6; }

.text-color { color: #5700B6; }

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

Similar Colors

Blueviolet

#8A2BE2