CornflowerBlue Color — HEX, RGB, HSL, Palettes & Contrast

CornflowerBlue (#6495ed): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#6495ed
HEX #6495ed
RGB rgb(100, 149, 237)
HSL 219°, 79%, 66%

Use CornflowerBlue in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About CornflowerBlue Color

CornflowerBlue is a medium, vibrant blue that is easy on the eyes. It is commonly used in UI design for links and interactive elements.

Use Cases for CornflowerBlue

UI linksbuttonsinteractive elementsclean designmodern UI

Shades & Tints of CornflowerBlue

#ffffff
#d8e5fb
#b2caf6
#8bb0f2
#6495ed
#4b70b2
#324b77
#19253b
#000000

Complementary Color

#6495ed
#edbd64

Analogous Colors

#64d8ed
#6495ed
#7864ed

Triadic Colors

#6495ed
#ed6494
#94ed64

Split Complementary

#6495ed
#ed7864
#d8ed64

Tetradic Colors

#6495ed
#bd64ed
#edbd64
#94ed64

CSS Code

.cornflowerblue-color {
  color: #6495ed;
  background-color: #6495ed;
}

/* As a CSS custom property */
:root {
  --color-cornflowerblue: #6495ed;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on CornflowerBlue
Ratio: 7.06:1 ✓ Passes AA ✓ Passes AAA
White text on CornflowerBlue
Ratio: 2.97:1 ✗ Fails AA ✗ Fails AAA

Related Colors

RoyalBlue
SteelBlue
DodgerBlue
SkyBlue
LightSkyBlue

Related Tools

Frequently Asked Questions

What color is CornflowerBlue?

CornflowerBlue is represented by the hex code #6495ed and has RGB values of rgb(100, 149, 237). It falls under the Blue category.

How to use CornflowerBlue in web design?

CornflowerBlue works well for UI links, buttons, interactive elements. CornflowerBlue is a medium, vibrant blue that is easy on the eyes. It is commonly used in UI design for links and interactive elements. Use it as a primary color, accent, or background depending on your design needs.

What colors go with CornflowerBlue?

Colors that pair well with CornflowerBlue include royalblue, steelblue, dodgerblue, skyblue, lightskyblue. For a complementary scheme, try #edbd64. For an analogous scheme, use #64d8ed and #7864ed. For a triadic scheme, combine with #ed6494 and #94ed64.