Lighter companion
Celadon Mist Vivid
#D3F8E2 · hsl(145, 74%, 90%)
RGB
rgb(184, 244, 209)
HSL
hsl(145, 74%, 84%)
CMYK
cmyk(25%, 0%, 14%, 4%)
Metrics
S 74% · L 84%
Contrast (WCAG)
on white
1.2:1Fail
on black
16.9:1AA
About this color
Celadon Pearl Vivid (#B8F4D1) belongs to the green family — hue 145°, 74% 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-celadon-pearl-vivid: #B8F4D1; --colorarchive-celadon-pearl-vivid-hsl: hsl(145, 74%, 84%); --colorarchive-celadon-pearl-vivid-rgb: rgb(184, 244, 209); }
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 Bloom Vivid
#95EFBA · hsl(145, 74%, 76%)
Complementary counterpoint
Rose Pearl Vivid
#F4B8E0 · hsl(320, 74%, 84%)
Analogous lead
Lagoon Pearl Vivid
#B8F4EA · hsl(170, 74%, 84%)
Analogous echo
Emerald Pearl Vivid
#B8F4B8 · hsl(120, 74%, 84%)
Triadic +120°
Orchid Pearl Vivid
#CCB8F4 · hsl(260, 74%, 84%)
Triadic +240°
Tangerine Pearl Vivid
#F4D1B8 · hsl(25, 74%, 84%)
Split-comp +150°
Magenta Pearl Vivid
#EAB8F4 · hsl(290, 74%, 84%)
Split-comp +210°
Crimson Pearl Vivid
#F4B8B8 · hsl(0, 74%, 84%)
Export preview
Base: Celadon Pearl Vivid #B8F4D1 Lighter companion: Celadon Mist Vivid #D3F8E2 Darker companion: Celadon Bloom Vivid #95EFBA Complementary counterpoint: Rose Pearl Vivid #F4B8E0 Analogous lead: Lagoon Pearl Vivid #B8F4EA Analogous echo: Emerald Pearl Vivid #B8F4B8 Triadic +120°: Orchid Pearl Vivid #CCB8F4 Triadic +240°: Tangerine Pearl Vivid #F4D1B8 Split-comp +150°: Magenta Pearl Vivid #EAB8F4 Split-comp +210°: Crimson Pearl Vivid #F4B8B8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Celadon Mist Vivid
#D3F8E2 · hsl(145, 74%, 90%)
Nearby match
Celadon Pearl Bright
#B4F8D0 · hsl(145, 84%, 84%)
Nearby match
Seafoam Pearl Vivid
#B8F4CC · hsl(140, 74%, 84%)
Nearby match
Jade Pearl Vivid
#B8F4D6 · hsl(150, 74%, 84%)
Nearby match
Celadon Bloom Vivid
#95EFBA · hsl(145, 74%, 76%)
Nearby match
Celadon Whisper Vivid
#E4FBEE · hsl(145, 74%, 94%)
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
#D1CCDC
Protanopia
#D5D5DA
Tritanopia
#BCE1E3
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.