Cornflower Blue color values
| Format | Value |
|---|---|
| Hex | #6495ED |
| RGB | rgb(100, 149, 237) |
| HSL | hsl(219, 79%, 66%) |
| HSV | 219, 58%, 93% |
| CMYK (simple conversion) | 58%, 37%, 0%, 7% |
| Decimal | 6591981 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Cornflower Blue
Cornflower blue is a medium, slightly purplish blue that feels soft yet vibrant. It works well as a primary brand color or an accent in user interfaces. The shade takes its name directly from the petals of the cornflower plant. It is one of the 148 CSS named colors.
Shades and tints of Cornflower Blue
Tints mix Cornflower Blue with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #74A0EF | #5A86D5 |
| 20% | #83AAF1 | #5077BE |
| 30% | #93B5F2 | #4668A6 |
| 40% | #A2BFF4 | #3C598E |
| 50% | #B2CAF6 | #324B77 |
Color harmony for Cornflower Blue
These colors keep the same saturation and lightness as Cornflower Blue and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #EDBC64 |
| Analogous | #64D9ED #7864ED |
| Triadic | #ED6495 #95ED64 |
| Split complementary | #ED7864 #D9ED64 |
Contrast and accessibility
Contrast between #6495ED and white is 2.97:1 (fails). Against black it is 7.06:1 (passes AAA). For text on a Cornflower Blue background, black text is the more readable choice.
Use Cornflower Blue in CSS
.element {
color: cornflowerblue;
background-color: #6495ED;
border-color: rgb(100 149 237);
outline-color: hsl(219 79% 66%);
}All four lines produce exactly the same color. The keyword cornflowerblue is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- mediumslateblue: #7B68EE
- Royal Blue: #4169E1
- mediumpurple: #9370DB
- Sky Blue: #87CEEB
FAQ
What is the hex code for Cornflower Blue?
The hex code for Cornflower Blue is #6495ED. As a CSS color keyword you can also write cornflowerblue.
What is Cornflower Blue in RGB?
Cornflower Blue is rgb(100, 149, 237): red 100, green 149, blue 237 on the 0 to 255 scale.
What color is closest to Cornflower Blue?
Of the CSS named colors, mediumslateblue (#7B68EE) is the closest match to Cornflower Blue, followed by royalblue and mediumpurple.
More colors
- Coral: previous page
- Crimson: next page
- CSS named colors: the full list