Steel Blue

A blue-grey sheen like polished steel, cool and resilient

HEX#4682B4

RGBrgb(70, 130, 180)

HSLhsl(207, 44%, 49%)

HSVhsv(207, 61%, 71%)

CMYKcmyk(61%, 28%, 0%, 29%)

HEXA#4682B4FF

RGBArgba(70, 130, 180, 1)

HSLAhsla(207, 44%, 49%, 1)

OKLCHoklch(77.6%, 0.065, 237)

LCHlch(74.4%, 28.7, 240)

🎨 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

#FFFFFFRatio 4.1:1AA Large

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

Aa14px Body

Standard Text

#FFFFFFRatio 4.1:1AA Large

Suitable for regular body content, meeting WCAG AA standards

Aa14px Body

Large Text / UI Components

#E2D7EFRatio 3:1AA Large

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

Aa14px Body

Decorative / Dividers

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

#152837

#1D3549

#25455F

#2E5576

#36658C

#3D729E

#4682B4

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

#667F93

#618098

#5C809D

#5681A4

#5181A9

#4B82AF

#4682B4

Lightness + Saturation Mixed VariationSimultaneous lightness and saturation proportional scaling

#21272B

#2A343C

#334452

#3A5469

#406482

#437298

#4682B4

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

#469EB4

#4695B4

#468CB4

#4682B4

#4679B4

#4670B4

#4667B4

💡 Use Cases

🗄️

Metal Furniture

Steel filing cabinets or industrial shelving, replicating the hardcore soul of factory floors.

⌚

Military Watches

Field watches with matte steel blue cases preventing glare—absolute practicality.

💻

Business Laptops

Micro-arc oxidation aluminum shells—more fingerprint-resistant than black, exuding rational executive professionalism.

🔧

Precision Instruments

Cast iron bases for industrial microscopes—steel blue coatings resisting thermal expansion to protect micron accuracy.

📜 Origin & History

Steel Blue is the dense oxide layer on steel after heat treatment or bluing. During the 19th-century Industrial Revolution, engineers found that blued gun parts resisted rust—that special blue-grey became the mark of precision machinery.

In the 20th-century skyscraper era, Mies van der Rohe suggested that the steel blue of exposed frames on overcast days communicated structural honesty far better than ornate decoration.

Art Deco extracted steel blue from heavy industry as a material language of speed and modernity. The Chrysler Building's elevator doors used this blue-metallic finish.

Post-war functionalism brought steel blue to the civilian realm—from office metal cabinets to IBM typewriter housings—this practical, cool color represented organizational efficiency and no-nonsense industrial logic.

🧠 Color Psychology

HardRejecting soft emotions like an unbendable metal ingot—resisting all ambiguous compromise in relationships.

LoyalHighly reliable like a weapon to its user—never rusting or jamming—the ultimate embodiment of contractual partnership.

MinimalStripping all decorative excess, leaving only functional structure—the Bauhaus will of logic above all.

SternPitiless discipline, stern as an iron curtain, yet organizing chaos and establishing order.

FunctionalDesign solely for performance—executing commands with precision, excluding emotional interference.

CoolEmotional zero-point in social interaction—polite, distant, fiercely independent.

← Back to Explore Colors