Lighter companion
Seafoam Mist Vivid
#D3F8DF · hsl(140, 74%, 90%)
RGB
rgb(184, 244, 204)
HSL
hsl(140, 74%, 84%)
CMYK
cmyk(25%, 0%, 16%, 4%)
Metrics
S 74% · L 84%
Contrast (WCAG)
on white
1.2:1Fail
on black
16.9:1AA
About this color
Seafoam Pearl Vivid (#B8F4CC) belongs to the green family — hue 140°, 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-seafoam-pearl-vivid: #B8F4CC; --colorarchive-seafoam-pearl-vivid-hsl: hsl(140, 74%, 84%); --colorarchive-seafoam-pearl-vivid-rgb: rgb(184, 244, 204); }
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
Seafoam Bloom Vivid
#95EFB3 · hsl(140, 74%, 76%)
Complementary counterpoint
Rose Pearl Vivid
#F4B8E0 · hsl(320, 74%, 84%)
Analogous lead
Teal Pearl Vivid
#B8F4E0 · hsl(160, 74%, 84%)
Analogous echo
Clover Pearl Vivid
#BDF4B8 · hsl(115, 74%, 84%)
Triadic +120°
Orchid Pearl Vivid
#CCB8F4 · hsl(260, 74%, 84%)
Triadic +240°
Ember Pearl Vivid
#F4CCB8 · hsl(20, 74%, 84%)
Split-comp +150°
Magenta Pearl Vivid
#EAB8F4 · hsl(290, 74%, 84%)
Split-comp +210°
Merlot Pearl Vivid
#F4B8C2 · hsl(350, 74%, 84%)
Export preview
Base: Seafoam Pearl Vivid #B8F4CC Lighter companion: Seafoam Mist Vivid #D3F8DF Darker companion: Seafoam Bloom Vivid #95EFB3 Complementary counterpoint: Rose Pearl Vivid #F4B8E0 Analogous lead: Teal Pearl Vivid #B8F4E0 Analogous echo: Clover Pearl Vivid #BDF4B8 Triadic +120°: Orchid Pearl Vivid #CCB8F4 Triadic +240°: Ember Pearl Vivid #F4CCB8 Split-comp +150°: Magenta Pearl Vivid #EAB8F4 Split-comp +210°: Merlot Pearl Vivid #F4B8C2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Seafoam Mist Vivid
#D3F8DF · hsl(140, 74%, 90%)
Nearby match
Seafoam Pearl Bright
#B4F8CB · hsl(140, 84%, 84%)
Nearby match
Celadon Pearl Vivid
#B8F4D1 · hsl(145, 74%, 84%)
Nearby match
Seafoam Bloom Vivid
#95EFB3 · hsl(140, 74%, 76%)
Nearby match
Seafoam Whisper Vivid
#E4FBEC · hsl(140, 74%, 94%)
Nearby match
Seafoam Pearl Pure
#B1FCCA · hsl(140, 92%, 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
#D1CCD9
Protanopia
#D5D5D7
Tritanopia
#BCDFE0
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.