Lighter companion
Celadon Pearl Clear
#C0ECD3 · hsl(145, 54%, 84%)
RGB
rgb(161, 227, 188)
HSL
hsl(145, 54%, 76%)
CMYK
cmyk(29%, 0%, 17%, 11%)
Metrics
S 54% · L 76%
Contrast (WCAG)
on white
1.5:1Fail
on black
14.2:1AA
About this color
Celadon Bloom Clear (#A1E3BC) belongs to the green family — hue 145°, 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-celadon-bloom-clear: #A1E3BC; --colorarchive-celadon-bloom-clear-hsl: hsl(145, 54%, 76%); --colorarchive-celadon-bloom-clear-rgb: rgb(161, 227, 188); }
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
Celadon Silk Clear
#81D9A6 · hsl(145, 54%, 68%)
Complementary counterpoint
Rose Bloom Clear
#E3A1CD · hsl(320, 54%, 76%)
Analogous lead
Lagoon Bloom Clear
#A1E3D8 · hsl(170, 54%, 76%)
Analogous echo
Emerald Bloom Clear
#A1E3A1 · hsl(120, 54%, 76%)
Triadic +120°
Orchid Bloom Clear
#B7A1E3 · hsl(260, 54%, 76%)
Triadic +240°
Tangerine Bloom Clear
#E3BCA1 · hsl(25, 54%, 76%)
Split-comp +150°
Magenta Bloom Clear
#D8A1E3 · hsl(290, 54%, 76%)
Split-comp +210°
Crimson Bloom Clear
#E3A1A1 · hsl(0, 54%, 76%)
Export preview
Base: Celadon Bloom Clear #A1E3BC Lighter companion: Celadon Pearl Clear #C0ECD3 Darker companion: Celadon Silk Clear #81D9A6 Complementary counterpoint: Rose Bloom Clear #E3A1CD Analogous lead: Lagoon Bloom Clear #A1E3D8 Analogous echo: Emerald Bloom Clear #A1E3A1 Triadic +120°: Orchid Bloom Clear #B7A1E3 Triadic +240°: Tangerine Bloom Clear #E3BCA1 Split-comp +150°: Magenta Bloom Clear #D8A1E3 Split-comp +210°: Crimson Bloom Clear #E3A1A1
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Seafoam Bloom Clear
#A1E3B7 · hsl(140, 54%, 76%)
Nearby match
Jade Bloom Clear
#A1E3C2 · hsl(150, 54%, 76%)
Nearby match
Celadon Silk Clear
#81D9A6 · hsl(145, 54%, 68%)
Nearby match
Celadon Pearl Clear
#C0ECD3 · hsl(145, 54%, 84%)
Nearby match
Celadon Bloom Soft
#ADD7BE · hsl(145, 34%, 76%)
Nearby match
Celadon Bloom Vivid
#95EFBA · hsl(145, 74%, 76%)
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
#BDB8C9
Protanopia
#C1C2C6
Tritanopia
#A5CED0
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.