Cornflower Blue hex code
The hex code for cornflower blue is #6495ED. In RGB that is rgb(100, 149, 237) and in HSL it is hsl(219, 79%, 66%).
The hex code for cornflower blue is #6495ED. In RGB that is rgb(100, 149, 237) and in HSL it is hsl(219, 79%, 66%).
Cornflower Blue · #6495ED
Colour codes
- HEX
- #6495ED
- RGB
- rgb(100, 149, 237)
- HSL
- hsl(219, 79%, 66%)
- CMYK
- 58, 37, 0, 7
- CSS name
- cornflowerblue
- Contrast on white
- 2.97:1
- Contrast on black
- 7.06:1
Tints and shades
20% lighter · #83aaf1
40% lighter · #a2bff4
60% lighter · #c1d5f8
80% lighter · #e0eafb
20% darker · #5077be
40% darker · #3c598e
60% darker · #283c5f
80% darker · #141e2f
Complementary colour
Cornflower Blue · #6495ED
Opposite on the colour wheel · #edbd64
Frequently asked questions
What is the hex code for cornflower blue?
The hex code for cornflower blue is #6495ED. In RGB that is rgb(100, 149, 237) and in HSL it is hsl(219, 79%, 66%).
Can I use cornflower blue for text?
It has a contrast ratio of 2.97:1 on white and 7.06:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with cornflower blue?
Its complementary colour, opposite on the colour wheel, is #EDBD64. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of cornflower blue instead.
Is cornflower blue a CSS colour name?
Yes. CSS accepts the keyword cornflowerblue, so color: cornflowerblue and color: #6495ED render exactly the same.