#667CF0
A light, vivid blue closely aligning with Royalblue.
About #667CF0
The hex code #667CF0 represents a beautifully specific shade of blue. Designers often compare it to the standard color Royalblue. Its digital footprint relies on 102 parts red, 124 parts green, and 240 parts blue light.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 57% C, 48% M, 0% Y, and 6% K. The HSL representation is 230.4° hue, 82.1% saturation, and 67.1% lightness.
Contrast ratios determine whether this color is safe for typography. Because it is a light color, it is generally recommended to use #000000 text. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#667CF0
RGB102, 124, 240
HSL230.4°, 82.1%, 67.1%
CMYK57%, 48%, 0%, 6%
HSV230.4°, 57.5%, 94.1%
LAB55.6, 25.6, -61.0
XYZ28.4, 23.5, 85.5
Decimal6716656
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.68:1
Text on #FFFFFF
AA Large
5.71:1
Text on #000000
AA
3.52:1
Text on #F8FAFC
AA Large
4.85:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #667CF0;
}
.text-color {
color: #667CF0;
}
.border-color {
border: 2px solid #667CF0;
}