Cornflower Blue#6495ED
Cornflower Blue Hex Code: #6495ED
Cornflower Blue is a medium, moderately saturated blue. Its OKLCH lightness is 67% and chroma 0.141. Text on this color reads best in black (contrast 7.06:1).
| HEX | #6495ED |
|---|---|
| RGB | rgb(100, 149, 237) |
| HSL | hsl(219, 79%, 66%) |
| HSV / HSB | hsv(219, 58%, 93%) |
| CMYK | cmyk(58%, 37%, 0%, 7%) |
| OKLCH | oklch(67.5% 0.141 261.3) |
Contrast
White text2.97:1
AAAA largeAAA
Black text7.06:1
AAAA largeAAA
On white2.97:1
AAAA largeAAA
On black7.06:1
AAAA largeAAA
Tints
Shades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #6495ED; |
|---|---|
| Tailwind | bg-[#6495ed] |
| SwiftUI | Color(red: 0.392, green: 0.584, blue: 0.929) |
| Android | Color.parseColor("#6495ED") |
| Flutter | Color(0xFF6495ED) |
Cornflower Blue is a CSS named color (cornflowerblue); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for cornflower blue?
Cornflower Blue is #6495ED in hex and rgb(100, 149, 237) in RGB.
What is cornflower blue in CMYK?
With the plain conversion formula it is cmyk(58, 37, 0, 7). For print, convert with your printer's ICC profile instead.
What text color works on cornflower blue?
Black text has the higher contrast at 7.06:1, which passes WCAG AA for normal text (4.5:1).