What is the HEX code for CornflowerBlue?

The HEX code for CornflowerBlue is #6495ED.

What is the RGB value for CornflowerBlue?

CornflowerBlue uses RGB values 100,149,237.

Can I use CornflowerBlue directly in CSS?

Yes. You can use the named CSS color cornflowerblue, the HEX value #6495ED, or rgb(100,149,237).

HTML named color

CornflowerBlue color code

Use the CornflowerBlue HTML color with HEX #6495ED, RGB 100,149,237 and HSL 219,79%,66%. Copy CSS examples, shades and accessible contrast combinations.

Open in color picker Check contrast Convert to OKLCH

Bleus

#6495ED

rgb(100,149,237)

HEX

#6495ED

RGB

rgb(100,149,237)

HSL

hsl(219,79%,66%)

OKLCH

oklch(67.5% 0.141 261.3)

CSS name

cornflowerblue

How to use this color

CornflowerBlue can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.

CSS examples

.text-cornflower-blue {
  color: #6495ED;
}

.bg-cornflower-blue {
  background-color: cornflowerblue;
}

.border-cornflower-blue {
  border-color: rgb(100,149,237);
}