#507CF8
A light, vivid blue closely aligning with Royalblue.
About #507CF8
Visually, #507CF8 is defined as a vivid blue. It is closely associated with the named CSS color Royalblue. This translates to an RGB value of rgb(80, 124, 248).
If you are designing for print, the four-color process is what matters most. To reproduce this shade on paper, a printer utilizes 68% cyan and 50% magenta inks. Always request a physical proof before doing a large print run with this exact code.
Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. 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#507CF8
RGB80, 124, 248
HSL224.3°, 92.3%, 64.3%
CMYK68%, 50%, 0%, 3%
HSV224.3°, 67.7%, 97.3%
LAB55.0, 24.6, -66.6
XYZ27.5, 22.9, 91.8
Decimal5274872
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.76:1
Text on #FFFFFF
AA Large
5.58:1
Text on #000000
AA
3.60:1
Text on #F8FAFC
AA Large
4.74:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #507CF8;
}
.text-color {
color: #507CF8;
}
.border-color {
border: 2px solid #507CF8;
}