Cornflower blue color: code #6495ED
Cornflower blue
#6495ED
Color codes
- HEX
#6495ED - RGB
rgb(100, 149, 237) - HSL
hsl(219, 79%, 66%) - HSV
hsv(219, 58%, 93%) - CMYK
cmyk(58%, 37%, 0%, 7%) - LAB
lab(61.9% 9.3 -49.3) - OKLCH
oklch(67.5% 0.141 261.3)
About the color Cornflower blue
Cornflower blue has the HEX code #6495ED, which corresponds to rgb(100, 149, 237) in the RGB model. On the color wheel its hue sits at 219°, with 79% saturation and 66% lightness (hsl(219, 79%, 66%)).
Because of its hue it reads as a cool color: it tends to feel calm and distant, and it visually “recedes” in a composition.
As a background it calls for dark text: black reaches a 7.06:1 contrast ratio on it, versus 2.97:1 for white.
For print, the approximate conversion is cmyk(58%, 37%, 0%, 7%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Cornflower blue
Complementary
#6495ED · #EDBD64
Analogous
#64D8ED · #6495ED · #7864ED
Triadic
#6495ED · #ED6494 · #94ED64
Tetradic
#6495ED · #ED64D8 · #EDBD64 · #64ED78
Split-complementary
#6495ED · #ED7864 · #D8ED64
Monochromatic
#1650BB · #3674E7 · #6495ED · #A8C3F5 · #EDF2FD
Cornflower blue with white and black text
How to use it in CSS
:root {
--color-cornflower-blue: #6495ED;
--color-cornflower-blue-rgb: 100, 149, 237;
}
.elemento {
background-color: var(--color-cornflower-blue);
color: #000000;
}