#667CFF
A light, vivid blue closely aligning with Royalblue.
About #667CFF
The hex code #667CFF represents a beautifully specific shade of blue. Its closest recognized web color is Royalblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 124, and 255.
Translating this color to physical media requires the CMYK color model. The color uses 60% Cyan, 51% Magenta, 0% Yellow, and 0% Black. With a hue angle of 231.4 degrees, it sits comfortably in the blue spectrum.
Ensuring your text is legible against this background is a key part of web design. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#667CFF
RGB102, 124, 255
HSL231.4°, 100.0%, 70.0%
CMYK60%, 51%, 0%, 0%
HSV231.4°, 60.0%, 100.0%
LAB56.5, 30.5, -67.8
XYZ30.7, 24.5, 97.7
Decimal6716671
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.56:1
Text on #FFFFFF
AA Large
5.89:1
Text on #000000
AA
3.41:1
Text on #F8FAFC
AA Large
5.01:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #667CFF;
}
.text-color {
color: #667CFF;
}
.border-color {
border: 2px solid #667CFF;
}