Light Blue

A gentle pale blue, like a clear sky veiled with thin clouds

HEX#B0E0E6

RGBrgb(176, 224, 230)

HSLhsl(187, 52%, 80%)

HSVhsv(187, 23%, 90%)

CMYKcmyk(23%, 3%, 0%, 10%)

HEXA#B0E0E6FF

RGBArgba(176, 224, 230, 1)

HSLAhsla(187, 52%, 80%, 1)

OKLCHoklch(94.1%, 0.026, 205)

LCHlch(93.5%, 18, 212)

🎨 Color Palettes

Analogous2-3 adjacent hues (≤60°)

Triadic3 hues spaced 120° apart

Split ComplementaryMain color + colors adjacent to its complement

Complementary2 hues spaced 180° apart

Tetradic (Rectangle)4 hues forming a rectangle

MonochromaticSingle hue with varying saturation and lightness

♿ WCAG Contrast Colors

Learn More →

Aa14px Body

High Contrast Text

#18474ERatio 7.1:1AAA

Suitable for body text, headings, and primary content, ensuring readability for all users

Aa14px Body

Standard Text

#335EA3Ratio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#776CD0Ratio 3:1AA Large

Suitable for large text (≥18px bold or ≥24px), icons, UI component boundaries

Aa14px Body

Decorative / Dividers

#D477C9Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, proportional lightness scaling 30%→100%

#1D565D

#287680

#3599A7

#45B5C4

#68C3CF

#8FD3DC

#B1E0E7

Saturation VariationFixed hue and lightness, proportional saturation scaling 40%→100%

#C1D4D7

#BFD6D9

#BCD8DC

#BADADE

#B7DCE1

#B4DEE4

#B1E0E7

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#334547

#426267

#4F858C

#5BA5AE

#74BAC3

#93CFD7

#B1E0E7

Hue Fine-TuningFixed saturation and lightness, stepwise hue fine-tuning ±15°

#B1E7DF

#B1E7E4

#B1E5E7

#B1E0E7

#B1DCE7

#B1D7E7

#B1D3E7

💡 Use Cases

👔

Spring/Summer Shirts

Cotton-linen basic shirts that visually cool and are extremely versatile, suitable for both office and resort.

🛁

Bathroom Spaces

Wall tiles or shower curtains paired with white fixtures, creating a clean, mold-resistant bathing environment.

📄

Office Software

As base color for documents and spreadsheets, effectively neutralizing screen glare for prolonged work.

🍼

Nursery Care

Bottle warmers or cribs using light blue to eliminate industrial coldness, offering psychological comfort to new parents.

📜 Origin & History

Light Blue emerged in 18th-century European Rococo painting. Watteau and Fragonard used it to depict noblewomen's airy silks and distant skies in outdoor picnic scenes.

In the late 19th to early 20th century, with the neoclassical revival following Pompeii's excavation, archaeologists found faded pale blue frescoes—Pompeian Blue—prompting renewed appreciation for classical interior palettes.

In 1950s American middle-class homes, light blue tiles and kitchen equipment became standard. Light blue represented hygiene and freshness, counterbalancing Cold War space anxiety as a visual tranquilizer of earthly peace.

In the digital flat design era, light blue is the foundation of layered depth. It doesn't compete for attention but silently guides reading paths through cards, dividers, and backgrounds—the most underestimated information architecture builder.

🧠 Color Psychology

LanguidAtmospheric relaxation that slowly softens tension, inducing the slightly tipsy state of an afternoon nap.

OrdinaryA non-competing background color, content to quietly set the stage for daily life without burden.

AiryLike fresh air filtered through a screen, relieving tightness and giving the visual cortex a deep breath.

NostalgicBearing the faded quality of old photographs, evoking blurry memories of past summers and retro soda.

DocileA non-aggressive, compliant color—the best mediator after intense conflict, smoothing emotional roughness.

CleanDirect reflex linking to water and soap, conveying sterilization and refreshing hygiene.

← Back to Explore Colors