#5724FF
A medium, vivid blue closely aligning with Blue.
About #5724FF
At its core, #5724FF is a medium and vivid hue. Designers often compare it to the standard color Blue. Its digital footprint relies on 87 parts red, 36 parts green, and 255 parts blue light.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 66% C, 86% M, 0% Y, and 0% K. The HSL representation is 254.0° hue, 100.0% saturation, and 57.1% lightness.
When using this color as a background, text legibility must be considered. To prevent eye strain, #FFFFFF text pairs best with this hex code. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#5724FF
RGB87, 36, 255
HSL254.0°, 100.0%, 57.1%
CMYK66%, 86%, 0%, 0%
HSV254.0°, 85.9%, 100.0%
LAB38.7, 73.9, -97.0
XYZ22.6, 10.5, 95.4
Decimal5711103
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
6.77:1
Text on #FFFFFF
AA
3.10:1
Text on #000000
AA Large
6.47:1
Text on #F8FAFC
AA
2.64:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5724FF;
}
.text-color {
color: #5724FF;
}
.border-color {
border: 2px solid #5724FF;
}