Lighter companion
Celadon Veil Vivid
#F6FEF9 · hsl(145, 74%, 98%)
RGB
rgb(228, 251, 238)
HSL
hsl(145, 74%, 94%)
CMYK
cmyk(9%, 0%, 5%, 2%)
Metrics
S 74% · L 94%
Contrast (WCAG)
on white
1.1:1Fail
on black
19.3:1AA
About this color
Celadon Whisper Vivid (#E4FBEE) belongs to the green family — hue 145°, 74% saturation, 94% 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-whisper-vivid: #E4FBEE; --colorarchive-celadon-whisper-vivid-hsl: hsl(145, 74%, 94%); --colorarchive-celadon-whisper-vivid-rgb: rgb(228, 251, 238); }
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 Mist Vivid
#D3F8E2 · hsl(145, 74%, 90%)
Complementary counterpoint
Rose Whisper Vivid
#FBE4F3 · hsl(320, 74%, 94%)
Analogous lead
Lagoon Whisper Vivid
#E4FBF7 · hsl(170, 74%, 94%)
Analogous echo
Emerald Whisper Vivid
#E4FBE4 · hsl(120, 74%, 94%)
Triadic +120°
Orchid Whisper Vivid
#ECE4FB · hsl(260, 74%, 94%)
Triadic +240°
Tangerine Whisper Vivid
#FBEEE4 · hsl(25, 74%, 94%)
Split-comp +150°
Magenta Whisper Vivid
#F7E4FB · hsl(290, 74%, 94%)
Split-comp +210°
Crimson Whisper Vivid
#FBE4E4 · hsl(0, 74%, 94%)
Export preview
Base: Celadon Whisper Vivid #E4FBEE Lighter companion: Celadon Veil Vivid #F6FEF9 Darker companion: Celadon Mist Vivid #D3F8E2 Complementary counterpoint: Rose Whisper Vivid #FBE4F3 Analogous lead: Lagoon Whisper Vivid #E4FBF7 Analogous echo: Emerald Whisper Vivid #E4FBE4 Triadic +120°: Orchid Whisper Vivid #ECE4FB Triadic +240°: Tangerine Whisper Vivid #FBEEE4 Split-comp +150°: Magenta Whisper Vivid #F7E4FB Split-comp +210°: Crimson Whisper Vivid #FBE4E4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Celadon Mist Vivid
#D3F8E2 · hsl(145, 74%, 90%)
Nearby match
Celadon Veil Vivid
#F6FEF9 · hsl(145, 74%, 98%)
Nearby match
Celadon Whisper Bright
#E3FDEE · hsl(145, 84%, 94%)
Nearby match
Seafoam Whisper Vivid
#E4FBEC · hsl(140, 74%, 94%)
Nearby match
Jade Whisper Vivid
#E4FBF0 · hsl(150, 74%, 94%)
Nearby match
Celadon Pearl Vivid
#B8F4D1 · hsl(145, 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
#EDEBF2
Protanopia
#EEEFF1
Tritanopia
#E5F4F4
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.