#5724E2
A medium, vivid purple closely aligning with Mediumblue.
About #5724E2
At its core, #5724E2 is a medium and vivid hue. It is closely associated with the named CSS color Mediumblue. To achieve this exact tint on a monitor, you would use an RGB mix of 87, 36, and 226.
Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 62% cyan and 84% magenta inks. The HSL representation is 256.1° hue, 76.6% saturation, and 51.4% lightness.
Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #FFFFFF typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#5724E2
RGB87, 36, 226
HSL256.1°, 76.6%, 51.4%
CMYK62%, 84%, 0%, 11%
HSV256.1°, 84.1%, 88.6%
LAB35.6, 66.4, -85.9
XYZ18.3, 8.8, 72.7
Decimal5711074
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
7.62:1
Text on #FFFFFF
AAA
2.76:1
Text on #000000
FAIL
7.28:1
Text on #F8FAFC
AAA
2.34:1
Text on #0F172A
FAIL
CSS Implementation
.bg-color {
background-color: #5724E2;
}
.text-color {
color: #5724E2;
}
.border-color {
border: 2px solid #5724E2;
}