#5F7CE9
A light, vivid blue closely aligning with Royalblue.
About #5F7CE9
Visually, #5F7CE9 is defined as a vivid blue. It is closely associated with the named CSS color Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 124, and 233.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 59% cyan, 47% magenta, 0% yellow, and 9% black. This makes it a relatively light color when applied to physical surfaces.
When using this color as a background, text legibility must be considered. 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#5F7CE9
RGB95, 124, 233
HSL227.4°, 75.8%, 64.3%
CMYK59%, 47%, 0%, 9%
HSV227.4°, 59.2%, 91.4%
LAB54.8, 22.0, -58.5
XYZ26.6, 22.7, 80.1
Decimal6257897
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.79:1
Text on #FFFFFF
AA Large
5.55:1
Text on #000000
AA
3.62:1
Text on #F8FAFC
AA Large
4.72:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #5F7CE9;
}
.text-color {
color: #5F7CE9;
}
.border-color {
border: 2px solid #5F7CE9;
}