#5F75F0
A light, vivid blue closely aligning with Royalblue.
About #5F75F0
Visually, #5F75F0 is defined as a vivid blue. If you're using CSS, you might find it aligns closely with Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 95, 117, and 240.
Translating this color to physical media requires the CMYK color model. Its ink density profile breaks down to 60% cyan, 51% magenta, 0% yellow, and 6% black. With a hue angle of 230.9 degrees, it sits comfortably in the blue spectrum.
When using this color as a background, text legibility must be considered. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.
Color Space Conversions
HEX#5F75F0
RGB95, 117, 240
HSL230.9°, 82.9%, 65.7%
CMYK60%, 51%, 0%, 6%
HSV230.9°, 60.4%, 94.1%
LAB53.4, 28.6, -64.6
XYZ26.8, 21.4, 85.2
Decimal6256112
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.97:1
Text on #FFFFFF
AA Large
5.29:1
Text on #000000
AA
3.79:1
Text on #F8FAFC
AA Large
4.50:1
Text on #0F172A
AA Large
CSS Implementation
.bg-color {
background-color: #5F75F0;
}
.text-color {
color: #5F75F0;
}
.border-color {
border: 2px solid #5F75F0;
}