What is the hex code for CornflowerBlue?

The hex code for CornflowerBlue is #6495ED.

What is the RGB value of CornflowerBlue?

The RGB value of CornflowerBlue is rgb(100, 149, 237).

What is the HSL value of CornflowerBlue?

The HSL value of CornflowerBlue is hsl(219, 79%, 66%).

What is the HSV value of CornflowerBlue?

The HSV value of CornflowerBlue is hsv(219, 58%, 93%).

What CSS code do I use for CornflowerBlue?

Use background-color: #6495ED; for background, color: #6495ED; for text, or border: 1px solid #6495ED; for borders.

CornflowerBlue Hex #6495ED: HTML Color Code & Gradients

CornflowerBlue (#6495ED) Color Codes & Gradients

Color Preview

Make a gradient with CornflowerBlue →

Opens CornflowerBlue with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	cornflowerblue
Hex	#6495ED
RGB	rgb(100, 149, 237)
HSV	hsv(219, 58%, 93%)
HSL	hsl(219, 79%, 66%)
OKLCH	oklch(67.46% 0.1414 261.34)

What is the color name for #6495ED?

#6495ED color name is CornflowerBlue.

Color Information

The HTML color CornflowerBlue has the hexadecimal code #6495ED and in the RGB color space is composed of 39% red, 58% green, and 93% blue. The color CornflowerBlue has a hue angle of 218.5 degrees, a saturation of 79.2% and a lightness of 66.1%.

CornflowerBlue CSS Code Snippets

Background Color

.bg-cornflowerblue { background-color: #6495ED; }

Text Color

.text-cornflowerblue { color: #6495ED; }

Border Color

.border-cornflowerblue { border: 1px solid #6495ED; }

Shade Gradient

.gradient-shade-cornflowerblue { background: linear-gradient(135deg, #6495ED, #1653C0); }

Tint Gradient

.gradient-tint-cornflowerblue { background: linear-gradient(135deg, #6495ED, #D2E0FA); }

Monochromatic Gradient

.gradient-mono-cornflowerblue { background: linear-gradient(135deg, #6495ED, #557EC9); }

CornflowerBlue Shades

#5288EB

#3F7CE9

#2D6FE7

#1B63E5

#185BD3

#1653C0

CornflowerBlue Tints

#76A1EF

#89AEF1

#9BBAF3

#ADC7F5

#BFD3F8

#D2E0FA

CornflowerBlue Tones

#6F98E2

#7A9BD6

#869FCB

#91A2C0

#9CA5B5

#A7A8AA

CornflowerBlue Monochromatic

#557EC9

#4567A4

#365080

#27395B

#172237

#080C12

Similar Colors to CornflowerBlue

#64C3ED

#64B0ED

#649EED

#648CED

#647AED

#6467ED

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator