#5F24E2
A medium, vivid purple closely aligning with Blueviolet.
About #5F24E2
At its core, #5F24E2 is a medium and vivid hue. It is closely associated with the named CSS color Blueviolet. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 36, and 226.
If you are designing for print, the four-color process is what matters most. Its ink density profile breaks down to 58% cyan, 84% magenta, 0% yellow, and 11% black. The HSL representation is 258.6° hue, 76.6% saturation, and 51.4% lightness.
Ensuring your text is legible against this background is a key part of web design. Because it is a medium color, it is generally recommended to use #FFFFFF text. You can view the detailed AAA and AA pass/fail metrics in the table below.
Color Space Conversions
HEX#5F24E2
RGB95, 36, 226
HSL258.6°, 76.6%, 51.4%
CMYK58%, 84%, 0%, 11%
HSV258.6°, 84.1%, 88.6%
LAB36.3, 67.2, -84.6
XYZ19.1, 9.2, 72.7
Decimal6235362
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.40:1
Text on #FFFFFF
AAA
2.84:1
Text on #000000
FAIL
7.07:1
Text on #F8FAFC
AAA
2.41:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5F24E2;
}
.text-color {
color: #5F24E2;
}
.border-color {
border: 2px solid #5F24E2;
}