#505FE2
A light, vivid blue closely aligning with Mediumslateblue.
About #505FE2
At its core, #505FE2 is a light and vivid hue. Its closest recognized web color is Mediumslateblue. Its digital footprint relies on 80 parts red, 95 parts green, and 226 parts blue light.
Translating this color to physical media requires the CMYK color model. The color uses 65% Cyan, 58% Magenta, 0% Yellow, and 11% Black. This makes it a relatively light color when applied to physical surfaces.
From a UX and accessibility standpoint, contrast is paramount. Because it is a light 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#505FE2
RGB80, 95, 226
HSL233.8°, 71.6%, 60.0%
CMYK65%, 58%, 0%, 11%
HSV233.8°, 64.6%, 88.6%
LAB46.2, 35.0, -68.5
XYZ21.1, 15.4, 73.8
Decimal5267426
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.15:1
Text on #FFFFFF
AA
4.08:1
Text on #000000
AA Large
4.92:1
Text on #F8FAFC
AA
3.47:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #505FE2;
}
.text-color {
color: #505FE2;
}
.border-color {
border: 2px solid #505FE2;
}