Azure Blue

Limitlessly clear like a cloudless sky, bright and pure

HEX#007FFF
RGBrgb(0, 127, 255)
HSLhsl(210, 100%, 50%)
HSVhsv(210, 100%, 100%)
CMYKcmyk(100%, 50%, 0%, 0%)
HEXA#007FFFFF
RGBArgba(0, 127, 255, 1)
HSLAhsla(210, 100%, 50%, 1)
OKLCHoklch(74.7%, 0.156, 234)
LCHlch(71.4%, 54.4, 246)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#00FFFF
Copy
#007FFF
Copy
#0000FF
Triadic3 hues spaced 120° apart
Copy
#007FFF
Copy
#FF0080
Copy
#80FF00
Split ComplementaryMain color + colors adjacent to its complement
Copy
#007FFF
Copy
#FF0000
Copy
#FFFF00
Complementary2 hues spaced 180° apart
Copy
#007FFF
Copy
#FF8000
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#007FFF
Copy
#FF00FF
Copy
#FF8000
Copy
#00FF00
MonochromaticSingle hue with varying saturation and lightness
Copy
#001933
Copy
#004C99
Copy
#007FFF
Copy
#66B2FF
Copy
#CCE5FF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#FFFFFFRatio 3.8:1AA Large
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#FFFFFFRatio 3.8:1AA Large
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#EDDBFFRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#FF9ECFRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%
#003366Copy
#004C99Copy
#0066CCCopy
#007FFFCopy
#3399FFCopy
#66B2FFCopy
#99CCFFCopy
Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%
#267FD9Copy
#197FE6Copy
#0D7FF2Copy
#007FFFCopy
#007FFFCopy
#007FFFCopy
#007FFFCopy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment
#0D4073Copy
#0C549DCopy
#0869C9Copy
#027DF7Copy
#2491FFCopy
#4DA6FFCopy
#75BAFFCopy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#00BFFFCopy
#00AAFFCopy
#0095FFCopy
#007FFFCopy
#006AFFCopy
#0055FFCopy
#0040FFCopy

💡 Use Cases

✈️

Airline Branding

The preferred color for airline logos and liveries, conveying safety, professionalism, and a brand association with vast skies.

🏊

Sports & Outdoors

A common color for sportswear and outdoor gear, symbolizing vitality and challenge, inspiring athletic passion and a spirit of exploration.

📱

Tech Interface

The highlight button color in operating systems and apps, using bright azure blue to guide user actions and enhance interaction efficiency.

🏥

Medical Health

An auxiliary color for hospital wayfinding and medical brands, conveying visual information of cleanliness, professionalism, and trust.

📜 Origin & History

Azure blue is humanity's most intuitive color perception of a clear sky. In ancient Chinese, the character 'Zhan' originally meant deep and clear. The word 'Zhan Lan' (azure blue) was already used in Tang and Song poetry to depict the firmament, as in Fan Zhongyan's verse linking the pure blue of the sky with a lofty realm.

In the West, medieval illuminated manuscripts often used precious lapis lazuli blue to depict heaven and the Virgin Mary's robes, a hue close to azure. During the Renaissance, painters like Raphael used azure skies as the sacred background for religious paintings, imbuing azure blue with symbolic meanings of sublimity and purity.

In 19th-century Romantic painting, azure skies became a crucial element for expressing the grandeur of nature and spiritual freedom. The British painter Turner used azure tones extensively in his skies, and Constable's landscape paintings evoked awe and yearning for nature with their true azure cloudscapes.

The development of aviation in the 20th century gave azure blue a new dimension. As humanity entered the flight age, the azure sky became a symbol of freedom and exploration. Airline logos and uniforms often adopted azure blue, binding the clear high-altitude sky color to humanity's dream of breaking boundaries.

🧠 Color Psychology

Clear and ExpansiveThe visual sensation of a cloudless sky instantly opens up the heart, dispels gloom, and brings about a suddenly enlightened state of mind.
Pure and FlawlessA transparent blue without impurities, symbolizing purity and sincerity, conveying a trustworthy sense of cleanliness.
Free and UninhibitedThe association with the high-altitude blue sky stimulates a longing for the unrestrained and awakens a deep-seated desire for exploration.
Positive and UpwardA bright and vibrant blue tone, like a clear morning, injects spiritual energy of optimism and enterprise.
Open and HonestA frank blue that hides nothing, like an open clear sky, encouraging candidness and honorable conduct.
Inspiring HopeThe clear sky after a storm symbolizes new beginnings and infinite possibilities, providing hope and motivation.