Standard Sky Blue

A bright light sky blue, the standard foundational light blue for digital interfaces

HEX#87CEEB

RGBrgb(135, 206, 235)

HSLhsl(197, 71%, 73%)

HSVhsv(197, 43%, 92%)

CMYKcmyk(43%, 12%, 0%, 8%)

HEXA#87CEEBFF

RGBArgba(135, 206, 235, 1)

HSLAhsla(197, 71%, 73%, 1)

OKLCHoklch(90.7%, 0.045, 221)

LCHlch(89.7%, 24, 224)

🎨 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

#0D394ARatio 7.1:1AAA

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

Aa14px Body

Standard Text

#2145C4Ratio 4.4:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#7A51E1Ratio 2.9:1Fail

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

Aa14px Body

Decorative / Dividers

#E151B8Ratio 2:1Fail

Suitable for decorative elements, dividers, non-essential text

📊 Color Scales

Online Color Picker → Gradient Generator →

Lightness VariationFixed hue and saturation, stepwise lightness adjustment ±30%

#208FBC

#32ACDC

#5EBEE4

#89CFEB

#B5E1F2

#D3EDF8

Saturation VariationFixed hue and lightness, stepwise saturation adjustment ±30%

#9EC6D6

#97C9DD

#90CCE4

#89CFEB

#82D2F2

#7BD5F9

#75D8FF

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation adjustment

#3C95B9

#4FABCF

#69BCDD

#86CDE9

#A6DDF2

#BAE6F8

#B7E7FA

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

#89E8EB

#89E0EB

#89D7EB

#89CFEB

#89C7EB

#89BFEB

#89B7EB

💡 Use Cases

💻

Web Interface

Used as a light background for lightweight official websites and backend systems, reducing the visual burden of reading text and fitting various light-themed front-end layouts.

🌤️

Weather App

Serves as an indicator color for sunny and partly cloudy conditions, matching native sky tones and intuitively conveying a clear, comfortable meteorological atmosphere.

🛍️

Apparel Display

Used as a display background for children's wear and summer short-sleeves, enhancing a fresh summer texture and elevating the clean and crisp visual impression of the clothing.

📱

Phone Theme

The main color for light phone system themes, paired with white controls, to create a minimalist, low eye-strain mobile interface.

📜 Origin & History

Standard Sky Blue #87CEEB is a named color built into the CSS specification, born from the RGB color system of electronic screens. Distinct from ancient mineral pigments and oil paint sky tones, it was designed specifically for digital display media.

This color extracts the pale cyan-blue tone of a clear daytime sky, raising brightness while weakening heaviness to solve color deviation issues across early monitors, unifying the rendering standard for light blue on the internet.

After the year 2000, as the internet spread widely, this color was used extensively as a light background for web pages. Its soft, low-saturation quality helps alleviate visual fatigue from prolonged screen viewing, making it a popular choice among front-end designers.

In color system classification, it is clearly distinguished from modern Western cobalt-tin azure pigments and Chinese sky-blue glazes. It does not belong to traditional handcrafted pigments but is categorized within the realm of standardized digital color.

To this day, it remains a dominant base color for lightweight UI, weather software, and children's products. Its low-pressure visual experience ensures it maintains high-frequency application and lasting popularity.

🧠 Color Psychology

ExpansiveReplicates the visual imagery of a vast clear sky, expanding the perception of inner space, dissolving feelings of confinement and oppression, and bringing a relaxed and unwinding mental state.

RefreshingThe cool light tone brings an inherently fresh visual sensation, calming inner restlessness and irritability, making it suitable for all kinds of visual design scenes associated with summer and cooling down.

PeacefulIts soft saturation offers no strong visual stimulation, stabilizing emotional fluctuations, making it ideal for office, study, and other interfaces requiring prolonged viewing.

HealingThe natural imagery of the vast sky eases mental anxiety, and it is often applied in the soothing color schemes of meditation and psychological guidance software.

PureA clean tone without superfluous mixed colors, conveying an atmosphere of simplicity and innocence, shaping an unburdened, soft, and comfortable visual psychological impression.

FreeAssociated with the imagery of the sky and outdoors, evoking feelings of being unrestrained and weakening a tense, repressed mental state.

← Back to Explore Colors