#5700FF
A medium, vivid purple closely aligning with Blue.
About #5700FF
When working with digital screens, the color #5700FF is rendered by mixing light. If you're using CSS, you might find it aligns closely with Blue. In the RGB color space, it consists of 87 red, 0 green, and 255 blue.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 66% C, 100% M, 0% Y, and 0% K. With a hue angle of 260.5 degrees, it sits comfortably in the purple spectrum.
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#5700FF
RGB87, 0, 255
HSL260.5°, 100.0%, 50.0%
CMYK66%, 100%, 0%, 0%
HSV260.5°, 100.0%, 100.0%
LAB36.5, 80.8, -100.8
XYZ22.0, 9.2, 95.2
Decimal5701887
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.37:1
Text on #FFFFFF
AAA
2.85:1
Text on #000000
FAIL
7.04:1
Text on #F8FAFC
AAA
2.42:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5700FF;
}
.text-color {
color: #5700FF;
}
.border-color {
border: 2px solid #5700FF;
}