Lighter companion
Seafoam Mist Dust
#DFECE3 · hsl(140, 26%, 90%)
RGB
rgb(204, 225, 211)
HSL
hsl(140, 26%, 84%)
CMYK
cmyk(9%, 0%, 6%, 12%)
Metrics
S 26% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.3:1AA
About this color
Seafoam Pearl Dust (#CCE1D3) belongs to the green family — hue 140°, 26% 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-seafoam-pearl-dust: #CCE1D3; --colorarchive-seafoam-pearl-dust-hsl: hsl(140, 26%, 84%); --colorarchive-seafoam-pearl-dust-rgb: rgb(204, 225, 211); }
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
Seafoam Bloom Dust
#B2D2BC · hsl(140, 26%, 76%)
Complementary counterpoint
Rose Pearl Dust
#E1CCDA · hsl(320, 26%, 84%)
Analogous lead
Teal Pearl Dust
#CCE1DA · hsl(160, 26%, 84%)
Analogous echo
Clover Pearl Dust
#CDE1CC · hsl(115, 26%, 84%)
Triadic +120°
Orchid Pearl Dust
#D3CCE1 · hsl(260, 26%, 84%)
Triadic +240°
Ember Pearl Dust
#E1D3CC · hsl(20, 26%, 84%)
Split-comp +150°
Magenta Pearl Dust
#DDCCE1 · hsl(290, 26%, 84%)
Split-comp +210°
Merlot Pearl Dust
#E1CCCF · hsl(350, 26%, 84%)
Export preview
Base: Seafoam Pearl Dust #CCE1D3 Lighter companion: Seafoam Mist Dust #DFECE3 Darker companion: Seafoam Bloom Dust #B2D2BC Complementary counterpoint: Rose Pearl Dust #E1CCDA Analogous lead: Teal Pearl Dust #CCE1DA Analogous echo: Clover Pearl Dust #CDE1CC Triadic +120°: Orchid Pearl Dust #D3CCE1 Triadic +240°: Ember Pearl Dust #E1D3CC Split-comp +150°: Magenta Pearl Dust #DDCCE1 Split-comp +210°: Merlot Pearl Dust #E1CCCF
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Seafoam Pearl Muted
#CFDED4 · hsl(140, 18%, 84%)
Nearby match
Seafoam Pearl Soft
#C8E4D2 · hsl(140, 34%, 84%)
Nearby match
Seafoam Mist Dust
#DFECE3 · hsl(140, 26%, 90%)
Nearby match
Celadon Pearl Dust
#CCE1D4 · hsl(145, 26%, 84%)
Nearby match
Seafoam Bloom Dust
#B2D2BC · hsl(140, 26%, 76%)
Nearby match
Seafoam Pearl Faint
#D2DAD5 · hsl(140, 10%, 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
#D4D3D7
Protanopia
#D5D6D6
Tritanopia
#CDD9DA
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.