HEX Color #5707C5 (Blueviolet)

About #5707C5

The precise color #5707C5 is an excellent choice for modern design projects. Designers often compare it to the standard color Blueviolet. In the RGB color space, it consists of 87 red, 7 green, and 197 blue.

For print applications, it's crucial to understand its CMYK makeup. To reproduce this shade on paper, a printer utilizes 56% cyan and 96% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #FFFFFF text provides the most optimal reading experience. You can view the detailed AAA and AA pass/fail metrics in the table below.

Color Space Conversions

HEX#5707C5

RGB87, 7, 197

HSL265.3°, 93.1%, 40.0%

CMYK56%, 96%, 0%, 23%

HSV265.3°, 96.4%, 77.3%

LAB29.9, 66.6, -78.4

XYZ14.1, 6.2, 53.3

Decimal5703621

Color Harmonies

Complementary

#5707C5 #75C507

Analogous

#0716C5 #B507C5

Triadic

#C55607 #07C556

Tetradic

#C50716 #75C507 #07C5B6

Tints, Shades & Tones

Tints (Adding White)

#5707C5

#6922CB

#7C3ED1

#8F59D8

#A175DE

#B490E5

#C7ACEB

#D9C7F2

#ECE3F8

#FFFFFF

Shades (Adding Black)

#5707C5

#4D06AF

#430599

#3A0483

#30036D

#260357

#1D0241

#13012B

#090015

#000000

WCAG Contrast Accessibility

9.37:1

Text on #FFFFFF

AAA

2.24:1

Text on #000000

FAIL

8.95:1

Text on #F8FAFC

AAA

1.91:1

Text on #0F172A

FAIL

CSS Implementation

.bg-color { background-color: #5707C5; }

.text-color { color: #5707C5; }

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

Similar Colors

Blueviolet

#8A2BE2