#5775E2
A light, vivid blue closely aligning with Royalblue.
About #5775E2
Visually, #5775E2 is defined as a vivid blue. It is closely associated with the named CSS color Royalblue. This translates to an RGB value of rgb(87, 117, 226).
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 62% C, 48% M, 0% Y, and 11% K. With a hue angle of 227.1 degrees, it sits comfortably in the blue spectrum.
Ensuring your text is legible against this background is a key part of web design. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Always test your color combinations using a contrast checker before publishing.
Color Space Conversions
HEX#5775E2
RGB87, 117, 226
HSL227.1°, 70.6%, 61.4%
CMYK62%, 48%, 0%, 11%
HSV227.1°, 61.5%, 88.6%
LAB52.1, 22.5, -58.9
XYZ24.0, 20.2, 74.6
Decimal5731810
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
4.16:1
Text on #FFFFFF
AA Large
5.05:1
Text on #000000
AA
3.98:1
Text on #F8FAFC
AA Large
4.29:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #5775E2;
}
.text-color {
color: #5775E2;
}
.border-color {
border: 2px solid #5775E2;
}