#6495ED
Cornflower Blue
Cornflower blue is a medium-light shade of blue named after the cornflower wildflower. It is friendly and approachable, popular in UI design.
Cornflower Blue Color Values
HEX#6495ED
RGB100, 149, 237
HSL219°, 79%, 66%
HSV219°, 58%, 93%
CMYK58%, 37%, 0%, 7%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #709CF0 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #5F90EB (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #00A9B6 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #979797 (~0.003% of population)
Cornflower Blue as Text Color
Cornflower Blue on White
3.0:1FAIL
Cornflower Blue on Light Gray
2.7:1FAIL
Cornflower Blue on Cream
2.8:1FAIL
Cornflower Blue on Dark
5.7:1AA
Cornflower Blue on Black
7.1:1AAA
Cornflower Blue on Soft Blue
2.6:1FAIL
Cornflower Blue on Soft Green
2.6:1FAIL
Cornflower Blue on Soft Pink
2.5:1FAIL
Nearest Tailwind Class
blue-400
#60A5FA
Nearest Pantone Match
Very Peri (2022)
#6667AB
CSS Variable Export
:root {
--color-cornflower-blue: #6495ED;
--color-cornflower-blue-rgb: 100, 149, 237;
}Tailwind Config
// tailwind.config.js
colors: {
'cornflower-blue': '#6495ED',
}Shades of Cornflower Blue
#6494ED
#447EE9
#1F64E5
#1856C9
#1448A9
#103884
#0C2B64
#081D44
#040E20
#000000
Tints of Cornflower Blue
#6494ED
#76A0EF
#88ADF1
#96B6F3
#A8C3F5
#BBD0F7
#CDDCF9
#DAE6FB
#EDF2FD
#FFFFFF
Color Harmonies
Complementary
#6495ED
#EDBD64
Analogous
#64D8ED
#6494ED
#7864ED
Triadic
#6494ED
#ED6494
#94ED64
Cornflower Blue Text Preview
Heading in Cornflower Blue
Body text in Cornflower Blue. The quick brown fox jumps over the lazy dog.
White on Cornflower Blue
Body text on a Cornflower Blue background.
Cornflower Blue text on dark background
Contrast: 6.0:1
More Blue Colors
Use Cornflower Blue In Our Tools
Preview Cornflower Blue Text
See how it looks as text
Check Cornflower Blue Contrast
WCAG accessibility check
Mix Cornflower Blue
Blend with another color
Color Picker
Find similar colors
Color Wheel
Explore harmonies