Skip to content

Cornflower Blue #6495ed

The gentlest blue that still means business.

RGB
100, 149, 237
HSL
219°, 79%, 66%
CMYK
58, 37, 0, 7
Luminance
0.3032

About Cornflower Blue

Cornflower blue, #6495ed, is medium blue softened toward periwinkle — named for the wildflower that once dotted every grain field. It is friendly blue: professional without coldness, bright without shouting.

History

The cornflower (bachelor’s button) was a beloved European field weed, Kaiser Wilhelm I’s favorite flower, and France’s remembrance bloom (the bleuet). The color entered software fame as a certain design tool’s default and a certain film’s monologue prop.

Psychology

Cornflower reads approachable, calm and trustworthy — blue with the guard down. It is the blue for products that want competence without corporate stiffness.

In design

Cornflower is a versatile mid-light blue: soft CTAs, links on dark, gentle brand primaries. Large-text safe on white (3.4:1). Pair with cream, coral, navy and warm gray. It plays friendly where royal blue plays formal.

In culture

Bachelor’s buttons, the bleuet of French remembrance, cornflower-blue eyes in every romance novel: the field weed that everyone kept anyway.

Brands that own cornflower blue

Shades of cornflower blue

Every format

HEX#6495ed
RGBrgb(100, 149, 237)
HSLhsl(219, 79%, 66%)
CMYKcmyk(58%, 37%, 0%, 7%)
LABlab(61.9 9.3 -49.3)
LCHlch(61.9 50.2 280.7)
OKLCHoklch(0.675 0.141 261.3)

Copy-ready code

/* CSS */
color: #6495ed;
background-color: #6495ed;
/* Tailwind (arbitrary) */
class="text-[#6495ed] bg-[#6495ed]"
/* SCSS */
$brand: #6495ed;
/* SwiftUI */
Color(red: 0.392, green: 0.584, blue: 0.929)
/* Android */
Color.parseColor("#6495ed")

Accessibility — WCAG contrast

Aa
#6495ed on white: 2.97:1
AA ✗ fail · AA-large · AAA
Aa
#6495ed on black: 7.06:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red39.2%
Green58.4%
Blue92.9%

CMYK percentages

Cyan57.8%
Magenta37.1%
Yellow0.0%
Key (black)7.1%

Color previews

#6495ed text on a black background

contrast 7.06:1

Card sample

#6495ed text on a white background

contrast 2.97:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #6495ed;
Background color
Panel with #6495ed background
background-color: #6495ed;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #6495ed;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(100, 149, 237, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(100, 149, 237, 0.45);
Border & gradient
Gradient panel
border: 3px solid #6495ed;
background: linear-gradient(135deg, #6495ed, #8E64ED);

Monochromatic scale

Palettes built from #6495ed

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Cornflower Blue, answered

What is the hex code for cornflower blue?

CSS cornflowerblue is #6495ed — a soft medium blue leaning slightly toward periwinkle.

Cornflower vs royal blue?

Royal blue is deeper and more formal; cornflower is lighter, softer and friendlier — the approachable cousin.

What pairs with cornflower blue?

Cream and coral (fresh), navy for depth, warm gray for calm — it complements warmth better than most blues.

Work with #6495ed in the Color Lab