Lighter companion
Steel Mist Faint
#E3E6E8 · hsl(205, 10%, 90%)
RGB
rgb(210, 215, 218)
HSL
hsl(205, 10%, 84%)
CMYK
cmyk(4%, 1%, 0%, 15%)
Metrics
S 10% · L 84%
Contrast (WCAG)
on white
1.5:1Fail
on black
14.5:1AA
About this color
Steel Pearl Faint (#D2D7DA) belongs to the blue family — hue 205°, 10% saturation, 84% 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-pearl-faint: #D2D7DA; --colorarchive-steel-pearl-faint-hsl: hsl(205, 10%, 84%); --colorarchive-steel-pearl-faint-rgb: rgb(210, 215, 218); }
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 Bloom Faint
#BCC3C8 · hsl(205, 10%, 76%)
Complementary counterpoint
Tangerine Pearl Faint
#DAD6D2 · hsl(25, 10%, 84%)
Analogous lead
Indigo Pearl Faint
#D2D3DA · hsl(230, 10%, 84%)
Analogous echo
Aqua Pearl Faint
#D2DADA · hsl(180, 10%, 84%)
Triadic +120°
Rose Pearl Faint
#DAD2D8 · hsl(320, 10%, 84%)
Triadic +240°
Olive Pearl Faint
#D8DAD2 · hsl(80, 10%, 84%)
Split-comp +150°
Crimson Pearl Faint
#DAD2D2 · hsl(0, 10%, 84%)
Split-comp +210°
Canary Pearl Faint
#DADAD2 · hsl(55, 10%, 84%)
Export preview
Base: Steel Pearl Faint #D2D7DA Lighter companion: Steel Mist Faint #E3E6E8 Darker companion: Steel Bloom Faint #BCC3C8 Complementary counterpoint: Tangerine Pearl Faint #DAD6D2 Analogous lead: Indigo Pearl Faint #D2D3DA Analogous echo: Aqua Pearl Faint #D2DADA Triadic +120°: Rose Pearl Faint #DAD2D8 Triadic +240°: Olive Pearl Faint #D8DAD2 Split-comp +150°: Crimson Pearl Faint #DAD2D2 Split-comp +210°: Canary Pearl Faint #DADAD2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Steel Pearl Muted
#CFD7DE · hsl(205, 18%, 84%)
Nearby match
Steel Mist Faint
#E3E6E8 · hsl(205, 10%, 90%)
Nearby match
Azure Pearl Faint
#D2D8DA · hsl(200, 10%, 84%)
Nearby match
Sapphire Pearl Faint
#D2D6DA · hsl(210, 10%, 84%)
Nearby match
Steel Bloom Faint
#BCC3C8 · hsl(205, 10%, 76%)
Nearby match
Steel Pearl Dust
#CCD8E1 · hsl(205, 26%, 84%)
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
#D4D4D9
Protanopia
#D4D4D9
Tritanopia
#D2D9D9
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.