Lighter companion
Steel Dusk Clear
#285F86 · hsl(205, 54%, 34%)
RGB
rgb(33, 78, 110)
HSL
hsl(205, 54%, 28%)
CMYK
cmyk(70%, 29%, 0%, 57%)
Metrics
S 54% · L 28%
Contrast (WCAG)
on white
8.8:1AA
on black
2.4:1Fail
About this color
Steel Shadow Clear (#214E6E) belongs to the blue family — hue 205°, 54% saturation, 28% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.
CSS
:root { --colorarchive-steel-shadow-clear: #214E6E; --colorarchive-steel-shadow-clear-hsl: hsl(205, 54%, 28%); --colorarchive-steel-shadow-clear-rgb: rgb(33, 78, 110); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Steel Nocturne Clear
#17384F · hsl(205, 54%, 20%)
Complementary counterpoint
Tangerine Shadow Clear
#6E4121 · hsl(25, 54%, 28%)
Analogous lead
Indigo Shadow Clear
#212E6E · hsl(230, 54%, 28%)
Analogous echo
Aqua Shadow Clear
#216E6E · hsl(180, 54%, 28%)
Triadic +120°
Rose Shadow Clear
#6E2154 · hsl(320, 54%, 28%)
Triadic +240°
Olive Shadow Clear
#546E21 · hsl(80, 54%, 28%)
Split-comp +150°
Crimson Shadow Clear
#6E2121 · hsl(0, 54%, 28%)
Split-comp +210°
Canary Shadow Clear
#6E6821 · hsl(55, 54%, 28%)
Export preview
Base: Steel Shadow Clear #214E6E Lighter companion: Steel Dusk Clear #285F86 Darker companion: Steel Nocturne Clear #17384F Complementary counterpoint: Tangerine Shadow Clear #6E4121 Analogous lead: Indigo Shadow Clear #212E6E Analogous echo: Aqua Shadow Clear #216E6E Triadic +120°: Rose Shadow Clear #6E2154 Triadic +240°: Olive Shadow Clear #546E21 Split-comp +150°: Crimson Shadow Clear #6E2121 Split-comp +210°: Canary Shadow Clear #6E6821
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Steel Dusk Clear
#285F86 · hsl(205, 54%, 34%)
Nearby match
Azure Shadow Clear
#21546E · hsl(200, 54%, 28%)
Nearby match
Sapphire Shadow Clear
#21476E · hsl(210, 54%, 28%)
Nearby match
Steel Nocturne Clear
#17384F · hsl(205, 54%, 20%)
Nearby match
Steel Shadow Soft
#2F4B60 · hsl(205, 34%, 28%)
Nearby match
Steel Shadow Vivid
#13507C · hsl(205, 74%, 28%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#373366
Protanopia
#3A3A67
Tritanopia
#256260
Ready to build
Turn these colors into design tokens
ColorArchive packs include CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.