Lighter companion
Emerald Pearl Clear
#C0ECC0 · hsl(120, 54%, 84%)
RGB
rgb(161, 227, 161)
HSL
hsl(120, 54%, 76%)
CMYK
cmyk(29%, 0%, 29%, 11%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
1.5:1Fail
on black
14:1AA
About this color
Emerald Bloom Clear (#A1E3A1) belongs to the green family — hue 120°, 54% saturation, 76% 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-bloom-clear: #A1E3A1; --colorarchive-emerald-bloom-clear-hsl: hsl(120, 54%, 76%); --colorarchive-emerald-bloom-clear-rgb: rgb(161, 227, 161); }
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 Silk Clear
#81D981 · hsl(120, 54%, 68%)
Complementary counterpoint
Fuchsia Bloom Clear
#E3A1E3 · hsl(300, 54%, 76%)
Analogous lead
Celadon Bloom Clear
#A1E3BC · hsl(145, 54%, 76%)
Analogous echo
Moss Bloom Clear
#B7E3A1 · hsl(100, 54%, 76%)
Triadic +120°
Iris Bloom Clear
#A1A1E3 · hsl(240, 54%, 76%)
Triadic +240°
Crimson Bloom Clear
#E3A1A1 · hsl(0, 54%, 76%)
Split-comp +150°
Plum Bloom Clear
#C2A1E3 · hsl(270, 54%, 76%)
Split-comp +210°
Blush Bloom Clear
#E3A1C2 · hsl(330, 54%, 76%)
Export preview
Base: Emerald Bloom Clear #A1E3A1 Lighter companion: Emerald Pearl Clear #C0ECC0 Darker companion: Emerald Silk Clear #81D981 Complementary counterpoint: Fuchsia Bloom Clear #E3A1E3 Analogous lead: Celadon Bloom Clear #A1E3BC Analogous echo: Moss Bloom Clear #B7E3A1 Triadic +120°: Iris Bloom Clear #A1A1E3 Triadic +240°: Crimson Bloom Clear #E3A1A1 Split-comp +150°: Plum Bloom Clear #C2A1E3 Split-comp +210°: Blush Bloom Clear #E3A1C2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Clover Bloom Clear
#A6E3A1 · hsl(115, 54%, 76%)
Nearby match
Emerald Silk Clear
#81D981 · hsl(120, 54%, 68%)
Nearby match
Emerald Pearl Clear
#C0ECC0 · hsl(120, 54%, 84%)
Nearby match
Emerald Bloom Soft
#ADD7AD · hsl(120, 34%, 76%)
Nearby match
Emerald Bloom Vivid
#95EF95 · hsl(120, 74%, 76%)
Nearby match
Emerald Mist Clear
#D8F3D8 · hsl(120, 54%, 90%)
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
#BDB8B8
Protanopia
#C1C2B4
Tritanopia
#A5C1C4
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.