#5707FF
A medium, vivid purple closely aligning with Blue.
About #5707FF
The hex code #5707FF represents a beautifully specific shade of purple. If you're using CSS, you might find it aligns closely with Blue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 7, and 255.
If you are designing for print, the four-color process is what matters most. The color uses 66% Cyan, 97% Magenta, 0% Yellow, and 0% Black. The HSL representation is 259.4° hue, 100.0% saturation, and 51.4% lightness.
When using this color as a background, text legibility must be considered. 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#5707FF
RGB87, 7, 255
HSL259.4°, 100.0%, 51.4%
CMYK66%, 97%, 0%, 0%
HSV259.4°, 97.3%, 100.0%
LAB36.7, 79.9, -100.4
XYZ22.1, 9.4, 95.3
Decimal5703679
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.29:1
Text on #FFFFFF
AAA
2.88:1
Text on #000000
FAIL
6.97:1
Text on #F8FAFC
AA
2.45:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5707FF;
}
.text-color {
color: #5707FF;
}
.border-color {
border: 2px solid #5707FF;
}