Cornflower Blue

A delicate blue like cornflower petals, fresh and elegant

HEX#6495ED
RGBrgb(100, 149, 237)
HSLhsl(219, 79%, 66%)
HSVhsv(219, 58%, 93%)
CMYKcmyk(58%, 37%, 0%, 7%)
HEXA#6495EDFF
RGBArgba(100, 149, 237, 1)
HSLAhsla(219, 79%, 66%, 1)
OKLCHoklch(82.8%, 0.074, 257)
LCHlch(80.1%, 32.5, 257)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#64D8ED
Copy
#6495ED
Copy
#7864ED
Triadic3 hues spaced 120° apart
Copy
#6495ED
Copy
#ED6494
Copy
#94ED64
Split ComplementaryMain color + colors adjacent to its complement
Copy
#6495ED
Copy
#ED7864
Copy
#D8ED64
Complementary2 hues spaced 180° apart
Copy
#6495ED
Copy
#EDBD64
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#6495ED
Copy
#ED64D8
Copy
#EDBD64
Copy
#64ED78
MonochromaticSingle hue with varying saturation and lightness
Copy
#0E3377
Copy
#1959D2
Copy
#6495ED
Copy
#BFD3F8
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 3:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFFFFRatio 3:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#FFFFFFRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#F8C4D6Ratio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#0B275BCopy
#0E357BCopy
#1344A0Copy
#1754C4Copy
#1F64E5Copy
#3F7BE9Copy
#6494EDCopy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#8DA0C4Copy
#869ECBCopy
#809CD1Copy
#799AD8Copy
#7298DFCopy
#6B96E6Copy
#6494EDCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#272F3FCopy
#2E3E5CCopy
#344E7FCopy
#365DA6Copy
#366BCECopy
#497DDFCopy
#6494EDCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#64B6EDCopy
#64ABEDCopy
#649FEDCopy
#6494EDCopy
#6488EDCopy
#647DEDCopy
#6472EDCopy

💡 Use Cases

💐

Bridal Bouquets

Fresh cornflowers in outdoor weddings—jumping out in pure cool contrast among white roses.

🧴

Sensitive Skincare

Pharmacy packaging for redness-repair masks—暗示 natural plant extracts, alcohol-free.

🎀

Lolita Dresses

Skirt prints with lace and pearl accents—fulfilling classical dress fantasies.

📖

Poetry Books

Endpapers for Rilke or Yeats—translucent blue making every page turn elegant.

📜 Origin & History

Cornflower Blue comes from common European field flowers. In German Romanticism, this small flower was eulogized by Müller and Eichendorff as the purest blue eye of the fields—symbolizing the wanderer's undying homesickness.

Legend has it that Prussian King William I loved this flower as a child. During Napoleonic wars, his mother Queen Louise used cornflower wreaths to comfort him. Cornflower blue later became a Prussian military trim color—evolving into a German national symbol.

Viennese Secessionist Klimt used countless cornflower-blue strokes in garden landscapes—between light and pigment, perfectly capturing fin-de-siècle fascination with plant ornament.

Since being defined in CSS, cornflower blue has become a beloved healing color in app markets. Its light quality makes it perfect for online florists and women's health interfaces—pure, innocent gentle spaces.

🧠 Color Psychology

PureLike defenseless wildflowers—triggering the softest corners and protective instincts.
Quiet LoveSymbolizing unrequited devotion—small flowers bowing silently, stubbornly guarding wheat fields.
PastoralStrong rustic sensibility—disconnecting from urban chaos, immersing in summer breezes.
RefinedBright yet unobtrusive—like a well-bred lady, exuding scholarly elegance.
SoothingExcellent visual noise reduction—stabilizing neural excitability, calming infant cries.
Fairy TaleLike classical fairy-tale covers—an era before cynicism tainted the stories.