Pale Blue

An extremely pale powdery blue, as gentle as sheer gauze

HEX#ADD8E6
RGBrgb(173, 216, 230)
HSLhsl(195, 53%, 79%)
HSVhsv(195, 25%, 90%)
CMYKcmyk(25%, 6%, 0%, 10%)
HEXA#ADD8E6FF
RGBArgba(173, 216, 230, 1)
HSLAhsla(195, 53%, 79%, 1)
OKLCHoklch(93.2%, 0.025, 218)
LCHlch(92.4%, 17.7, 219)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)
Copy
#ADE6D8
Copy
#ADD8E6
Copy
#ADBBE6
Triadic3 hues spaced 120° apart
Copy
#ADD8E6
Copy
#E6ADD8
Copy
#D8E6AD
Split ComplementaryMain color + colors adjacent to its complement
Copy
#ADD8E6
Copy
#E6ADBB
Copy
#E6D8AD
Complementary2 hues spaced 180° apart
Copy
#ADD8E6
Copy
#E6BBAD
Tetradic (Rectangle)4 hues forming a rectangle
Copy
#ADD8E6
Copy
#D8ADE6
Copy
#E6BBAD
Copy
#BBE6AD
MonochromaticSingle hue with varying saturation and lightness
Copy
#2F7E98
Copy
#5FB2CE
Copy
#ADD8E6
Copy
#FBFDFE
Copy
#FFFFFF

♿ WCAG Contrast Colors

Learn More →
Aa14px Body
High Contrast Text
#194452Ratio 6.9:1AA
Suitable for body text, headings, and primary content, ensuring readability for all users
Aa14px Body
Standard Text
#3654B0Ratio 4.5:1AA
Suitable for regular body content, meeting WCAG AA standards
Aa14px Body
Large Text / UI Components
#7E63CFRatio 3:1AA Large
Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries
Aa14px Body
Decorative / Dividers
#D473BCRatio 2:1Fail
Suitable for decorative elements, dividers, non-essential text
Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%
#1D4D5ECopy
#286A81Copy
#3287A4Copy
#40A3C4Copy
#67B6D0Copy
#8AC7DBCopy
#ADD8E6Copy
Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%
#BECFD5Copy
#BBD1D8Copy
#B8D2DBCopy
#B6D3DDCopy
#B3D5E0Copy
#B0D6E3Copy
#ADD8E6Copy
Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling
#334247Copy
#425D67Copy
#4D7A89Copy
#5897ADCopy
#73B0C4Copy
#8FC4D6Copy
#ADD8E6Copy
Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°
#ADE6E6Copy
#ADE1E6Copy
#ADDCE6Copy
#ADD8E6Copy
#ADD3E6Copy
#ADCEE6Copy
#ADC9E6Copy

💡 Use Cases

👶

Newborn Gift Boxes

Gender-neutral one-month gifts—pale blue with kraft paper, creating a pristine arrival atmosphere.

🧘

Gap Year Backpacks

Minimalist traveler's backpacks and tents—pale blue waterproof fabric, discreet and tasteful in wilderness.

📄

Muji Aesthetics

Recycled paper stationery and storage—this pale blue gives a 'just right' life philosophy.

🖼️

Cyanotype

Classic photographic cyanotype process—iron salts precipitating this constant Prussian pale blue after exposure and washing.

📜 Origin & History

Pale Blue was widely worn in 18th-century French court under Louis XV. Madame de Pompadour's Rococo influence saw large quantities of lead-white-diluted blue silk adorning Versailles' powdered salons.

After Prince Albert's death, Queen Victoria shunned bright colors—but made an exception for pale blue net curtains. She found it softened sunlight, fitting to hold sad memories without being lethal.

In early 20th-century Paris, Diaghilev's Ballets Russes premiered Sleeping Beauty. Bakst's stage design used pale blue for Aurora's hundred-year dream forest, popularizing it globally with ballet.

Modern infant products have broken the strict pink-blue gender divide with pale blue—seen as the primordial color of beginnings, like the inner shell of a freshly hatched egg: the purest, most protected form of new life.

🧠 Color Psychology

ShallowLike very dilute sugar water—no intense impact, quietly permeating with unburdensome sweetness.
VulnerableNear-pure whiteness—like new-born down, not yet socialized by worldly rules.
EmptyThe Zen of blank space—hearing a butterfly's wing in emptiness, leaving room for imagination.
SimpleGenuine and simple—incapable of calculation, a return to the infancy state adults miss.
RarifiedHighly diluted airiness—like on a high plateau, instinctively slowing to not disturb the quiet.
ExpansiveStrong spatial sense—visually expanding small apartments, psychologically doubling space.