#5F50E9
A light, vivid blue closely aligning with Mediumslateblue.
About #5F50E9
Visually, #5F50E9 is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Mediumslateblue. Its digital footprint relies on 95 parts red, 80 parts green, and 233 parts blue light.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 59% C, 66% M, 0% Y, and 9% K. This makes it a relatively light color when applied to physical surfaces.
Ensuring your text is legible against this background is a key part of web design. 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#5F50E9
RGB95, 80, 233
HSL245.9°, 77.7%, 61.4%
CMYK59%, 66%, 0%, 9%
HSV245.9°, 65.7%, 91.4%
LAB44.3, 48.4, -75.5
XYZ22.3, 14.1, 78.6
Decimal6246633
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.51:1
Text on #FFFFFF
AA
3.81:1
Text on #000000
AA Large
5.27:1
Text on #F8FAFC
AA
3.24:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #5F50E9;
}
.text-color {
color: #5F50E9;
}
.border-color {
border: 2px solid #5F50E9;
}