Cornflower Blue #6495ED

Cornflower Blue#6495ED · rgb(100, 149, 237)

Cornflower Blue color codes

CSS namecornflowerblue
HEX#6495ED
RGBrgb(100, 149, 237)
HSLhsl(219, 79%, 66%)
CMYKcmyk(58%, 37%, 0%, 7%)
Decimal6591981

Shades of Cornflower Blue (darker)

#5A86D5 · #5077BE · #4668A6 · #3C598E · #324B77 · #283C5F · #1E2D47 · #141E2F · #0A0F18

Tints of Cornflower Blue (lighter)

#74A0EF · #83AAF1 · #93B5F2 · #A2BFF4 · #B2CAF6 · #C1D5F8 · #D1DFFA · #E0EAFB · #F0F4FD

Color harmonies

Complementary
#EDBD64
Triadic
#ED6494, #94ED64
Analogous
#64D8ED, #7864ED

Accessibility (WCAG contrast)

White text on Cornflower Blue2.97:1 · Fail
Black text on Cornflower Blue7.06:1 · AAA

Use Cornflower Blue in code

.element {
  color: cornflowerblue;          /* or #6495ed */
  background-color: rgb(100 149 237 / 0.5);
}

Frequently asked questions

What is the hex code for Cornflower Blue?

Cornflower Blue is #6495ED in HEX, rgb(100, 149, 237) in RGB and hsl(219, 79%, 66%) in HSL.

Can I use "cornflowerblue" directly in CSS?

Yes. "cornflowerblue" is one of the 148 standard CSS named colors, so color: cornflowerblue; works in every browser.

Is Cornflower Blue readable on white?

The contrast ratio of Cornflower Blue on white is 2.97:1 (WCAG Fail). On black it is 7.06:1 (AAA).

What is the complementary color of Cornflower Blue?

The complementary color (opposite on the color wheel) is #EDBD64.

Similar colors

Medium Slate Blue#7B68EERoyal Blue#4169E1Medium Purple#9370DBSky Blue#87CEEBSteel Blue#4682B4Slate Blue#6A5ACDLight Sky Blue#87CEFADodger Blue#1E90FF

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.