Light Steel Blue

A diluted steel blue, soft yet with a metallic feel

HEX#B0C4DE

RGBrgb(176, 196, 222)

HSLhsl(214, 41%, 78%)

HSVhsv(214, 21%, 87%)

CMYKcmyk(21%, 12%, 0%, 13%)

HEXA#B0C4DEFF

RGBArgba(176, 196, 222, 1)

HSLAhsla(214, 41%, 78%, 1)

OKLCHoklch(91.2%, 0.021, 253)

LCHlch(89.8%, 15.6, 236)

🎨 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

#21354FRatio 7:1AAA

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

Aa14px Body

Standard Text

#4A44A2Ratio 4.5:1AA

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#8B52B7Ratio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

#C36F93Ratio 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%

#233753

#325077

#3F6597

#4F7BB5

#6F93C3

#90ACD0

#B0C4DE

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

#BEC6D0

#BBC5D3

#B9C5D5

#B7C5D7

#B4C4D9

#B2C4DC

#B0C4DE

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#343A42

#465262

#546883

#607EA4

#7995B9

#93ACCC

#B0C4DE

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

#B0CFDE

#B0CCDE

#B0C8DE

#B0C4DE

#B0C0DE

#B0BCDE

#B0B8DE

💡 Use Cases

🥄

Cutlery

Heavy stainless steel cutlery—clean, non-glaring dining atmospheres.

⌚

Apple Devices

Apple Watch silver aluminum with light steel blue bands—elegant tech-fashion fusion.

💬

Cloud Backups

Frosted glass backgrounds for cloud storage—subtly organizing without storage pressure.

📏

Design Software

Canvas defaults in CAD—light precision backgrounds for prolonged focus on complex lines.

📜 Origin & History

Light Steel Blue is the softened, lighter variant of steel blue. When stainless steel entered home kitchens in the early 20th century, this low-saturation pale blue-grey came with streamlined sinks and tableware—representing hygiene and modernity.

During WWI, battleships used dazzle camouflage with large amounts of pale grey-blue. This color blurred ship contours on foggy seas—completing the transition from decoration to function.

In postwar America's automotive golden age, this 'Glacier Blue' was popular on Cadillac and Chevy tail fins—balancing the bulk of American styling with light, airborne optimism.

In the information age, light steel blue returned to interface design. Being least likely to cause afterimages among RGB cool colors, it became the preferred background for long-form reading on mini-programs and chat apps, silently optimizing interaction fatigue.

🧠 Color Psychology

ResilientCombining metal strength with silk softness—highly adaptable, responsive to force.

ReservedDiluted ink-like detachment—maintaining cool politeness without intimacy, a shelter for social anxiety.

SmoothEliminating all grit—high-grit surfaces suggesting seamless business processes and logical flow.

DefaultSeeking certainty in uncertainty—never eccentric, the most reassuring component of any system.

CleanPolished aluminum oxide sheen—immaculate transparency, maintaining uniform purity.

ModerateExcellent emotional regulation—never extreme, the golden balance between warmth and coolness.

← Back to Explore Colors