- No data uploaded
- Instant results
Cornflower Blue — #6495ED
Cornflower Blue is the CSS named colour cornflowerblue, hex #6495ED. It has a contrast ratio of 2.97:1 on white and 7.06:1 on black — best used as text on dark backgrounds.
Cornflower Blue — #6495ED
Contrast on white 2.97:1 · on black 7.06:1
Tints
Shades
Complementary
Triadic
Analogous
Using Cornflower Blue in code
CSS: color: cornflowerblue; or color: #6495ED; · Tailwind: text-[#6495ED] · Android/Flutter: 0xFF6495ED
Cornflower Blue colour harmonies
Complementary: #EDBC64 · Triadic: #ED6495, #95ED64 · Analogous: #64D9ED, #7864ED. Use tints for backgrounds and shades for hover states.
Cornflower Blue in every colour format
| Format | Value |
|---|---|
| HEX | #6495ED |
| RGB | rgb(100, 149, 237) |
| HSL | hsl(219, 79%, 66%) |
| HSV | hsv(219, 58%, 93%) |
| CMYK | cmyk(58%, 37%, 0%, 7%) |
| CSS name | cornflowerblue |
| Contrast on white | 2.97:1 |
| Contrast on black | 7.06:1 |
Frequently asked questions
What is the hex code for Cornflower Blue?
#6495ED (CSS name: cornflowerblue).
What is Cornflower Blue in RGB?
rgb(100, 149, 237)
What colour goes well with Cornflower Blue?
Its complementary colour #EDBC64, or the analogous #64D9ED and #7864ED.