bluecoolCSS named color

Cornflowerblue #6495ED

Cornflowerblue is a medium, highly saturated cool-toned color with a cool cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Trust UI · Corporate accents

Open in generator →Colors that go with cornflowerblue

Families: Blues · Sky Blues

Color values

FormatValue
HEX#6495ED
RGBrgb(100, 149, 237)
HSLhsl(219, 79%, 66%)
HSVhsv(219, 58%, 93%)
OKLCHoklch(67.46% 0.141 261.3)
OKLaboklab(67.46% -0.0213 -0.1397)
CMYKcmyk(57.8%, 37.1%, 0%, 7.1%)
XYZxyz(31.2837, 30.316, 84.3073)
CIE-LABlab(61.9, 9.3, -49.3)
CIE-LCHlch(61.9, 50.2, 280.7°)
Luminance0.303 (WCAG relative)
/* Cornflowerblue */ --cornflowerblue: #6495ed; color: #6495ed; background-color: #6495ed;

Source: W3C CSS named color. CSS keyword: cornflowerblue.

Collections: Pastel Blue Colors · Light Blue Shades

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#5b85d3 #5175b9 #48669f #3f5787 #36486f #2d3a58 #242d43 #1b202e #12141a #000000

Tints (toward white)

#789fef #89a9f1 #9ab3f3 #aabef5 #b9c8f7 #c7d3f9 #d6defa #e4e9fc #f1f4fe #ffffff

Tones (toward gray)

#6d95e4 #7495db #7b95d3 #8095ca #8595c1 #8995b8 #8d95b0 #9095a7 #93959e #969696

Color harmonies

Complementary

Edit in generator →
#6495ED
#EDBC64
#6495ed #edbc64

Analogous

Edit in generator →
#64DAED
#6495ED
#7764ED
#64daed #6495ed #7764ed

Triadic

Edit in generator →
#6495ED
#ED6495
#95ED64
#6495ed #ed6495 #95ed64

Tetradic

Edit in generator →
#6495ED
#ED64DA
#EDBC64
#64ED77
#6495ed #ed64da #edbc64 #64ed77

Square

Edit in generator →
#6495ED
#ED64DA
#EDBC64
#64ED77
#6495ed #ed64da #edbc64 #64ed77

Split Complementary

Edit in generator →
#6495ED
#ED7764
#DAED64
#6495ed #ed7764 #daed64

Monochromatic

Edit in generator →
#1653C0
#2D70E7
#6495ED
#9BBAF3
#D2E0FA
#1653c0 #2d70e7 #6495ed #9bbaf3 #d2e0fa

Accessibility & contrast

2.97
#6495ED on #FFFFFF
AA text AA large AAA text UI 3:1
7.06
#6495ED on #000000
AA text AA large AAA text UI 3:1

Best text on cornflowerblue

7.06
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#709DF1
Deuteranopia (green-blind)
#5E90EB
Tritanopia (blue-blind)
#00A9B6

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Soft Blue #6488EA4.43
Dodgerblue #1E90FF5.50
Faded Blue #658CBB5.88
Dodger Blue #3E82FC6.11
Azure #007FFF7.86
Periwinkle Blue #8F99FB8.27

Colors that go with cornflowerblue

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Navy Blue #1B2A4A
4.8:1
Same hue family as cornflowerblue (Δh 2°) — guaranteed harmony
3.0:1
Analogous hue (Δh ≈30°) — neighbors on the color wheel
Burgundy #800020
3.6:1
Triadic harmony (Δh ≈126°) — balanced three-way contrast
Rosewood #65000B
4.5:1
Triadic harmony (Δh ≈135°) — balanced three-way contrast
Warm Beige #E9DCC9
2.2:1
Complementary hue (Δh ≈177°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.