Lighter companion
Emerald Mist Clear
#D8F3D8 · hsl(120, 54%, 90%)
RGB
rgb(192, 236, 192)
HSL
hsl(120, 54%, 84%)
CMYK
cmyk(19%, 0%, 19%, 7%)
Metrics
S 54% · L 84%
Contrast (WCAG)
on white
1.3:1Fail
on black
16:1AA
About this color
Emerald Pearl Clear (#C0ECC0) belongs to the green family — hue 120°, 54% 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-emerald-pearl-clear: #C0ECC0; --colorarchive-emerald-pearl-clear-hsl: hsl(120, 54%, 84%); --colorarchive-emerald-pearl-clear-rgb: rgb(192, 236, 192); }
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
Emerald Bloom Clear
#A1E3A1 · hsl(120, 54%, 76%)
Complementary counterpoint
Fuchsia Pearl Clear
#ECC0EC · hsl(300, 54%, 84%)
Analogous lead
Celadon Pearl Clear
#C0ECD3 · hsl(145, 54%, 84%)
Analogous echo
Moss Pearl Clear
#CFECC0 · hsl(100, 54%, 84%)
Triadic +120°
Iris Pearl Clear
#C0C0EC · hsl(240, 54%, 84%)
Triadic +240°
Crimson Pearl Clear
#ECC0C0 · hsl(0, 54%, 84%)
Split-comp +150°
Plum Pearl Clear
#D6C0EC · hsl(270, 54%, 84%)
Split-comp +210°
Blush Pearl Clear
#ECC0D6 · hsl(330, 54%, 84%)
Export preview
Base: Emerald Pearl Clear #C0ECC0 Lighter companion: Emerald Mist Clear #D8F3D8 Darker companion: Emerald Bloom Clear #A1E3A1 Complementary counterpoint: Fuchsia Pearl Clear #ECC0EC Analogous lead: Celadon Pearl Clear #C0ECD3 Analogous echo: Moss Pearl Clear #CFECC0 Triadic +120°: Iris Pearl Clear #C0C0EC Triadic +240°: Crimson Pearl Clear #ECC0C0 Split-comp +150°: Plum Pearl Clear #D6C0EC Split-comp +210°: Blush Pearl Clear #ECC0D6
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Emerald Mist Clear
#D8F3D8 · hsl(120, 54%, 90%)
Nearby match
Clover Pearl Clear
#C4ECC0 · hsl(115, 54%, 84%)
Nearby match
Emerald Bloom Clear
#A1E3A1 · hsl(120, 54%, 76%)
Nearby match
Emerald Whisper Clear
#E7F8E7 · hsl(120, 54%, 94%)
Nearby match
Emerald Pearl Soft
#C8E4C8 · hsl(120, 34%, 84%)
Nearby match
Emerald Pearl Vivid
#B8F4B8 · hsl(120, 74%, 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
#D2CFCF
Protanopia
#D5D5CC
Tritanopia
#C3D5D6
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.