CSS named color
CornflowerBlue
#6495ED
HEX
#6495edRGB
rgb(100, 149, 237)HSL
hsl(219, 79%, 66%)OKLCH
oklch(67.46% 0.1414 261.34)NAME
cornflowerbluePalette
Complementary
180° on the color wheelComplement
#EDBD64
Analogous
±30° around the base hueLeft
#64D8ED
Right
#7864ED
Triadic
±120° for harmonic contrastTriad 1
#ED6494
Triad 2
#94ED64
Shades
Lighter and darker variantsCSS usage
By name
color: cornflowerblue;
background-color: cornflowerblue;By HEX
color: #6495ed;
background-color: #6495ed;By RGB
color: rgb(100, 149, 237);
background-color: rgb(100, 149, 237);By HSL
color: hsl(219, 79%, 66%);
background-color: hsl(219, 79%, 66%);WCAG contrast vs white
Aa
2.97:1
Below minimum
WCAG contrast vs black
Aa
7.06:1
AAA
Related colors
FAQ — CornflowerBlue
What is the HEX code for CornflowerBlue?
The HEX code for CornflowerBlue is #6495ED. It's one of the 148 named CSS colors and can be used directly in CSS as color: cornflowerblue; or color: #6495ed;
What is CornflowerBlue in RGB?
CornflowerBlue in RGB is rgb(100, 149, 237) — red 100, green 149, blue 237.
What is CornflowerBlue in HSL?
CornflowerBlue in HSL is hsl(219, 79%, 66%) — hue 219°, saturation 79%, lightness 66%.
What is the complementary color of CornflowerBlue?
The complementary color (directly opposite CornflowerBlue on the color wheel) is #EDBD64. The two together produce maximum contrast.
Is white text readable on CornflowerBlue?
The WCAG contrast ratio against white (#FFFFFF) is 2.97:1, and against black (#000000) it's 7.06:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.