Cornflower Blue is a medium-light, saturated shade in the blue color family, with a cool feel. Its HEX code is #6495ED, which equals rgb(100, 149, 237) in RGB and hsl(219, 79%, 66%) in HSL. In print terms it converts to roughly C58 M37 Y0 K7, although exact CMYK results depend on the paper and color profile.
- HEX
#6495ED - RGB
100, 149, 237 - HSL
219°, 79%, 66% - CMYK
58, 37, 0, 7 - Family
Blue - Tone
Medium-light, saturated
About Cornflower Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 7.06:1. Its complementary color is #EDBD64.
Download Cornflower Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cornflower Blue color codes
| HEX | #6495ED |
|---|---|
| RGB | rgb(100, 149, 237) |
| HSL | hsl(219, 79%, 66%) |
| HSV | 219°, 58%, 93% |
| CMYK | 58%, 37%, 0%, 7% |
| Decimal | 6591981 |
Shades and tints of Cornflower Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5EDFC - 100
#CBDCF9 - 200
#B2CAF6 - 300
#98B8F3 - 400
#7EA7F0 - 500
#6495ED - 600
#537CC6 - 700
#43639E - 800
#324B77 - 900
#21324F - 950
#111928
Color harmonies for Cornflower Blue
- Complementary
#EDBD64≈ Light Bright Tangerine - Analogous −30°
#64D8ED≈ Light Bright Peacock - Analogous +30°
#7864ED≈ Medium Slate Blue - Triadic +120°
#ED6494≈ Light Bright Carmine - Triadic +240°
#94ED64≈ Light Bright Fern - Split 150°
#ED7864≈ Light Bright Scarlet - Split 210°
#D8ED64≈ Light Bright Lime
Contrast and accessibility of Cornflower Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cornflower Blue | Aa | 2.97:1 | Fails |
| Black text on Cornflower Blue | Aa | 7.06:1 | AAA (excellent) |
CSS code for Cornflower Blue
background-color: #6495ED;color: #6495ED;background-color: rgb(100, 149, 237);background-color: hsl(219, 79%, 66%);:root { --color-cornflower-blue: #6495ED; }class="bg-[#6495ED]"Colors similar to Cornflower Blue
- Light Bright Cornflower
#639AEE - Light Bright Sapphire
#638DEE - Light Soft Sapphire
#7493DC - Light Bright Cerulean
#63A8EE - Light Cornflower
#5297FF - Light Soft Cornflower
#749EDC - Light Soft Cobalt
#7489DC - Light Bright Cobalt
#637FEE - Pale Cobalt
#7A95FF - Medium Light Soft Cerulean
#5494D4 - Light Sapphire
#5286FF - Pale Sapphire
#7AA2FF
More blue shades
- Dodger Blue
#1E90FF - Royal Blue
#4169E1 - Blue
#0000FF - Navy
#000080 - Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Dark Blue
#00008B - Dark Cyan
#008B8B - Dark Slate Blue
#483D8B - Dark Slate Gray
#2F4F4F - Dark Turquoise
#00CED1
Frequently asked questions
What is the HEX code for Cornflower Blue?
The HEX code for Cornflower Blue is #6495ED.
What is the RGB value of Cornflower Blue?
Cornflower Blue has an RGB value of 100, 149, 237 (rgb(100, 149, 237)). In HSL it is 219°, 79%, 66%.
What text color should I use on Cornflower Blue?
Use black text on Cornflower Blue. White text has a contrast ratio of 2.97:1 and black text has 7.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cornflower Blue?
The complementary color of Cornflower Blue is #EDBD64. Analogous colors #64D8ED and #7864ED also pair well.