RGB
rgb(200, 228, 205)
HSL
hsl(130, 34%, 84%)
Metrics
S 34% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.4:1AA
About this color
Mint Pearl Soft (#C8E4CD) belongs to the green family — hue 130°, 34% 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-mint-pearl-soft: #C8E4CD; --colorarchive-mint-pearl-soft-hsl: hsl(130, 34%, 84%); --colorarchive-mint-pearl-soft-rgb: rgb(200, 228, 205); }
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Lighter companion
Mint Mist Soft
#DDEEE0 · hsl(130, 34%, 90%)
Darker companion
Mint Bloom Soft
#ADD7B4 · hsl(130, 34%, 76%)
Complementary counterpoint
Peony Pearl Soft
#E4C8DF · hsl(310, 34%, 84%)
Analogous lead
Jade Pearl Soft
#C8E4D6 · hsl(150, 34%, 84%)
Analogous echo
Leaf Pearl Soft
#CDE4C8 · hsl(110, 34%, 84%)
Triadic +120°
Violet Pearl Soft
#CDC8E4 · hsl(250, 34%, 84%)
Triadic +240°
Ruby Pearl Soft
#E4CDC8 · hsl(10, 34%, 84%)
Split-comp +150°
Mulberry Pearl Soft
#DBC8E4 · hsl(280, 34%, 84%)
Split-comp +210°
Garnet Pearl Soft
#E4C8D2 · hsl(340, 34%, 84%)
Export preview
Base: Mint Pearl Soft #C8E4CD Lighter companion: Mint Mist Soft #DDEEE0 Darker companion: Mint Bloom Soft #ADD7B4 Complementary counterpoint: Peony Pearl Soft #E4C8DF Analogous lead: Jade Pearl Soft #C8E4D6 Analogous echo: Leaf Pearl Soft #CDE4C8 Triadic +120°: Violet Pearl Soft #CDC8E4 Triadic +240°: Ruby Pearl Soft #E4CDC8 Split-comp +150°: Mulberry Pearl Soft #DBC8E4 Split-comp +210°: Garnet Pearl Soft #E4C8D2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Mint Mist Soft
#DDEEE0 · hsl(130, 34%, 90%)
Nearby match
Mint Bloom Soft
#ADD7B4 · hsl(130, 34%, 76%)
Nearby match
Mint Pearl Muted
#CFDED1 · hsl(130, 18%, 84%)
Nearby match
Mint Whisper Soft
#EAF5EC · hsl(130, 34%, 94%)
Nearby match
Mint Pearl Clear
#C0ECC8 · hsl(130, 54%, 84%)
Nearby match
Mint Veil Soft
#F8FCF9 · hsl(130, 34%, 98%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
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.
