#6495ED
Blue family

Cornflower Blue

Also known as: vivid · tranquil · serene · bright · delicate
Save
Hex #6495ED
RGB rgb(100, 149, 237)
HSL hsl(219°, 79%, 66%)
CMYK 58 · 37 · 0 · 7
CSS cornflowerblue

Meaning

In Western cultures, Cornflower Blue is often associated with peace and tranquility, symbolizing hope and understanding. Conversely, in some Eastern traditions, it can represent fidelity and love, showcasing its versatility across different cultural contexts.

The term 'cornflower blue' emerged in the late 19th century, named after the cornflower, or Centaurea cyanus, which was often used to create natural dyes. The shade gained prominence in the 1900s, particularly within the artistic community, being favored by artists for its vibrant and soothing qualities.

vividtranquilserenebrightdelicate

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Cornflower Blue. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 45 Blues →

Shades & tints

Nine steps of Cornflower Blue by lightness — from #344D7B (darkest) to #AEC8F6 (lightest). Click any to copy.

-40% #344D7B
-30% #405F98
-20% #4C71B4
-10% #5883D1
BASE #6495ED
+15% #77A2EF
+30% #89AEF1
+50% #9CBBF3
+70% #AEC8F6

Complementary

Sitting opposite Cornflower Blue at 39° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Cornflower Blue.

#6495ED
#FFD700
#FFFFFF
#FF4500
#A9A9A9

Summer Breeze

Light and cheerful
#6495ED
#003366
#F0F8FF
#20B2AA
#B0C4DE

Ocean Depths

Calm and refreshing
#6495ED
#FF69B4
#E6E6FA
#8B4513
#D3D3D3

Garden Serenity

Soft and peaceful

Used by

Brands and institutions known for using Cornflower Blue.

PepsiTwitter

Cornflower Blue scale

A 50–900 tonal scale with Cornflower Blue anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F3F7FE
100 #E3ECFC
200 #C4D7F8
300 #A5C2F5
400 #85ABF1
500 #6495ED
600 #527AC2
700 #42629C
800 #324B77
900 #223351

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 7.06:1
Cornflower Blue as text on… Ratio AA AAA
Aa White background 2.97:1 Fail Fail
Aa Black background 7.06:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #6495ED

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: cornflowerblue;
CSS color-mix (lighten 30%) color-mix(in srgb, cornflowerblue 70%, white)
HSV / HSB 219°, 58%, 93%
CMYK (print) 58, 37, 0, 7
Decimal 6591981
Nearest web-safe #6699FF

Color vision

How Cornflower Blue appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#6495ED

Protanopia (no red)

#797AD8

Deuteranopia (no green)

#7673D3

Tritanopia (no blue)

#66C7C3
Steel Blue
13 / 45 Blues Powder Blue
Copied!