Lighter companion
Steel Mist Muted
#E1E6EA · hsl(205, 18%, 90%)
RGB
rgb(207, 215, 222)
HSL
hsl(205, 18%, 84%)
CMYK
cmyk(7%, 3%, 0%, 13%)
Metrics
S 18% · L 84%
Contrast (WCAG)
on white
1.5:1Fail
on black
14.4:1AA
About this color
Steel Pearl Muted (#CFD7DE) belongs to the blue family — hue 205°, 18% 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-muted: #CFD7DE; --colorarchive-steel-pearl-muted-hsl: hsl(205, 18%, 84%); --colorarchive-steel-pearl-muted-rgb: rgb(207, 215, 222); }
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 Muted
#B7C4CD · hsl(205, 18%, 76%)
Complementary counterpoint
Tangerine Pearl Muted
#DED5CF · hsl(25, 18%, 84%)
Analogous lead
Indigo Pearl Muted
#CFD1DE · hsl(230, 18%, 84%)
Analogous echo
Aqua Pearl Muted
#CFDEDE · hsl(180, 18%, 84%)
Triadic +120°
Rose Pearl Muted
#DECFD9 · hsl(320, 18%, 84%)
Triadic +240°
Olive Pearl Muted
#D9DECF · hsl(80, 18%, 84%)
Split-comp +150°
Crimson Pearl Muted
#DECFCF · hsl(0, 18%, 84%)
Split-comp +210°
Canary Pearl Muted
#DEDCCF · hsl(55, 18%, 84%)
Export preview
Base: Steel Pearl Muted #CFD7DE Lighter companion: Steel Mist Muted #E1E6EA Darker companion: Steel Bloom Muted #B7C4CD Complementary counterpoint: Tangerine Pearl Muted #DED5CF Analogous lead: Indigo Pearl Muted #CFD1DE Analogous echo: Aqua Pearl Muted #CFDEDE Triadic +120°: Rose Pearl Muted #DECFD9 Triadic +240°: Olive Pearl Muted #D9DECF Split-comp +150°: Crimson Pearl Muted #DECFCF Split-comp +210°: Canary Pearl Muted #DEDCCF
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Steel Pearl Faint
#D2D7DA · hsl(205, 10%, 84%)
Nearby match
Steel Pearl Dust
#CCD8E1 · hsl(205, 26%, 84%)
Nearby match
Steel Mist Muted
#E1E6EA · hsl(205, 18%, 90%)
Nearby match
Azure Pearl Muted
#CFD9DE · hsl(200, 18%, 84%)
Nearby match
Sapphire Pearl Muted
#CFD6DE · hsl(210, 18%, 84%)
Nearby match
Steel Bloom Muted
#B7C4CD · hsl(205, 18%, 76%)
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
#D2D1DC
Protanopia
#D3D3DC
Tritanopia
#CFDBDB
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.