Lighter companion
Celadon Whisper Clear
#E7F8EE · hsl(145, 54%, 94%)
RGB
rgb(216, 243, 227)
HSL
hsl(145, 54%, 90%)
CMYK
cmyk(11%, 0%, 7%, 5%)
Metrics
S 54% · L 90%
Contrast (WCAG)
on white
1.2:1Fail
on black
17.8:1AA
About this color
Celadon Mist Clear (#D8F3E3) belongs to the green family — hue 145°, 54% saturation, 90% 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-mist-clear: #D8F3E3; --colorarchive-celadon-mist-clear-hsl: hsl(145, 54%, 90%); --colorarchive-celadon-mist-clear-rgb: rgb(216, 243, 227); }
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 Pearl Clear
#C0ECD3 · hsl(145, 54%, 84%)
Complementary counterpoint
Rose Mist Clear
#F3D8EA · hsl(320, 54%, 90%)
Analogous lead
Lagoon Mist Clear
#D8F3EF · hsl(170, 54%, 90%)
Analogous echo
Emerald Mist Clear
#D8F3D8 · hsl(120, 54%, 90%)
Triadic +120°
Orchid Mist Clear
#E1D8F3 · hsl(260, 54%, 90%)
Triadic +240°
Tangerine Mist Clear
#F3E3D8 · hsl(25, 54%, 90%)
Split-comp +150°
Magenta Mist Clear
#EFD8F3 · hsl(290, 54%, 90%)
Split-comp +210°
Crimson Mist Clear
#F3D8D8 · hsl(0, 54%, 90%)
Export preview
Base: Celadon Mist Clear #D8F3E3 Lighter companion: Celadon Whisper Clear #E7F8EE Darker companion: Celadon Pearl Clear #C0ECD3 Complementary counterpoint: Rose Mist Clear #F3D8EA Analogous lead: Lagoon Mist Clear #D8F3EF Analogous echo: Emerald Mist Clear #D8F3D8 Triadic +120°: Orchid Mist Clear #E1D8F3 Triadic +240°: Tangerine Mist Clear #F3E3D8 Split-comp +150°: Magenta Mist Clear #EFD8F3 Split-comp +210°: Crimson Mist Clear #F3D8D8
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Celadon Whisper Clear
#E7F8EE · hsl(145, 54%, 94%)
Nearby match
Celadon Pearl Clear
#C0ECD3 · hsl(145, 54%, 84%)
Nearby match
Seafoam Mist Clear
#D8F3E1 · hsl(140, 54%, 90%)
Nearby match
Jade Mist Clear
#D8F3E6 · hsl(150, 54%, 90%)
Nearby match
Celadon Veil Clear
#F7FDF9 · hsl(145, 54%, 98%)
Nearby match
Seafoam Whisper Clear
#E7F8ED · hsl(140, 54%, 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
#E3E1E8
Protanopia
#E4E4E7
Tritanopia
#D9EAEB
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.