#667CD3
A light, moderate blue closely aligning with Cornflowerblue.
About #667CD3
Visually, #667CD3 is defined as a moderate blue. If you're using CSS, you might find it aligns closely with Cornflowerblue. In the RGB color space, it consists of 102 red, 124 green, and 211 blue.
If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 52% C, 41% M, 0% Y, and 17% K. The HSL representation is 227.9° hue, 55.3% saturation, and 61.4% lightness.
Contrast ratios determine whether this color is safe for typography. 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#667CD3
RGB102, 124, 211
HSL227.9°, 55.3%, 61.4%
CMYK52%, 41%, 0%, 17%
HSV227.9°, 51.7%, 82.7%
LAB54.0, 16.4, -47.4
XYZ24.4, 21.9, 64.6
Decimal6716627
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.90:1
Text on #FFFFFF
AA Large
5.39:1
Text on #000000
AA
3.72:1
Text on #F8FAFC
AA Large
4.58:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #667CD3;
}
.text-color {
color: #667CD3;
}
.border-color {
border: 2px solid #667CD3;
}