What color is Cornflower Blue?
Cornflower blue is a medium, slightly muted blue with a gentle violet tint, hex #6395EE, close to the petals of the cornflower bloom. It is lighter than a classic navy but has more depth than a sky blue on a clear afternoon.
What is the meaning of the color Cornflower Blue?
Named after the cornflower, Centaurea cyanus, the color was first recorded in English in 1915. The wildflower itself carried strong cultural weight in Prussia and Germany, where it was associated with national identity throughout the 19th century. Cornflower blue was adopted as a military mourning color in Germany after World War I, tied to the cornflower’s symbolic use during that period. Crayola introduced a crayon under the name Cornflower in 1949, which helped fix the color’s recognition in American popular culture.
RGB
99, 149, 238
HSL
218°, 80%, 66%
CMYK
58, 37, 0, 7
HSV
218°, 58%, 93%
What colors go with Cornflower Blue?
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #6395EE |
color: #6395EE;
|
| RGB | 99, 149, 238 |
color: rgb(99, 149, 238);
|
| RGB Percentage | 39%, 58%, 93% |
color: rgb(39%, 58%, 93%);
|
| CMYK | 58%, 37%, 0%, 7% | Not supported in CSS |
| HSL | 218°, 80%, 66% |
color: hsl(218, 80%, 66%);
|
| HSV | 218°, 58%, 93% | Not supported in CSS |
| CIE-LAB | 53, -10, -30 |
color: lab(53% -10 -30);
|
| Decimal | 6526446 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.cornflower-blue {
color: #6395EE;
}
SCSS
$cornflower-blue: #6395EE;
RGB
rgb(99, 149, 238)
Accessibility & Contrast
White background
2.97:1
2.97
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
7.06:1
7.06
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element