Lighter companion
Clover Mist Soft
#DEEEDD · hsl(115, 34%, 90%)
RGB
rgb(203, 228, 200)
HSL
hsl(115, 34%, 84%)
CMYK
cmyk(11%, 0%, 12%, 11%)
Metrics
S 34% · L 84%
Contrast (WCAG)
on white
1.4:1Fail
on black
15.5:1AA
About this color
Clover Pearl Soft (#CBE4C8) belongs to the green family — hue 115°, 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-clover-pearl-soft: #CBE4C8; --colorarchive-clover-pearl-soft-hsl: hsl(115, 34%, 84%); --colorarchive-clover-pearl-soft-rgb: rgb(203, 228, 200); }
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
Clover Bloom Soft
#B0D7AD · hsl(115, 34%, 76%)
Complementary counterpoint
Magenta Pearl Soft
#DFC8E4 · hsl(290, 34%, 84%)
Analogous lead
Seafoam Pearl Soft
#C8E4D2 · hsl(140, 34%, 84%)
Analogous echo
Lime Pearl Soft
#D6E4C8 · hsl(90, 34%, 84%)
Triadic +120°
Indigo Pearl Soft
#C8CDE4 · hsl(230, 34%, 84%)
Triadic +240°
Crimson Pearl Soft
#E4C8C8 · hsl(0, 34%, 84%)
Split-comp +150°
Orchid Pearl Soft
#D2C8E4 · hsl(260, 34%, 84%)
Split-comp +210°
Rose Pearl Soft
#E4C8DB · hsl(320, 34%, 84%)
Export preview
Base: Clover Pearl Soft #CBE4C8 Lighter companion: Clover Mist Soft #DEEEDD Darker companion: Clover Bloom Soft #B0D7AD Complementary counterpoint: Magenta Pearl Soft #DFC8E4 Analogous lead: Seafoam Pearl Soft #C8E4D2 Analogous echo: Lime Pearl Soft #D6E4C8 Triadic +120°: Indigo Pearl Soft #C8CDE4 Triadic +240°: Crimson Pearl Soft #E4C8C8 Split-comp +150°: Orchid Pearl Soft #D2C8E4 Split-comp +210°: Rose Pearl Soft #E4C8DB
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Clover Pearl Dust
#CDE1CC · hsl(115, 26%, 84%)
Nearby match
Clover Mist Soft
#DEEEDD · hsl(115, 34%, 90%)
Nearby match
Leaf Pearl Soft
#CDE4C8 · hsl(110, 34%, 84%)
Nearby match
Emerald Pearl Soft
#C8E4C8 · hsl(120, 34%, 84%)
Nearby match
Clover Bloom Soft
#B0D7AD · hsl(115, 34%, 76%)
Nearby match
Clover Pearl Muted
#D0DECF · hsl(115, 18%, 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
#D5D3D1
Protanopia
#D6D7CF
Tritanopia
#CCD5D6
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.