#5057E2
A light, vivid blue closely aligning with Mediumslateblue.
About #5057E2
The precise color #5057E2 is an excellent choice for modern design projects. Its closest recognized web color is Mediumslateblue. This translates to an RGB value of rgb(80, 87, 226).
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 65% Cyan, 62% Magenta, 0% Yellow, and 11% Black. Always request a physical proof before doing a large print run with this exact code.
When using this color as a background, text legibility must be considered. 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#5057E2
RGB80, 87, 226
HSL237.1°, 71.6%, 60.0%
CMYK65%, 62%, 0%, 11%
HSV237.1°, 64.6%, 88.6%
LAB44.3, 39.9, -71.6
XYZ20.4, 14.0, 73.6
Decimal5265378
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
5.52:1
Text on #FFFFFF
AA
3.80:1
Text on #000000
AA Large
5.28:1
Text on #F8FAFC
AA
3.23:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #5057E2;
}
.text-color {
color: #5057E2;
}
.border-color {
border: 2px solid #5057E2;
}