#668AD3
A light, moderate blue closely aligning with Cornflowerblue.
About #668AD3
At its core, #668AD3 is a light and moderate hue. It is closely associated with the named CSS color Cornflowerblue. To achieve this exact tint on a monitor, you would use an RGB mix of 102, 138, and 211.
When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 52% C, 35% M, 0% Y, and 17% K. Always request a physical proof before doing a large print run with this exact code.
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. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#668AD3
RGB102, 138, 211
HSL220.2°, 55.3%, 61.4%
CMYK52%, 35%, 0%, 17%
HSV220.2°, 51.7%, 82.7%
LAB57.8, 8.0, -41.4
XYZ26.3, 25.7, 65.2
Decimal6720211
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
3.42:1
Text on #FFFFFF
AA Large
6.14:1
Text on #000000
AA
3.27:1
Text on #F8FAFC
AA Large
5.22:1
Text on #0F172A
AA
CSS Implementation
.bg-color {
background-color: #668AD3;
}
.text-color {
color: #668AD3;
}
.border-color {
border: 2px solid #668AD3;
}