Lighter companion
Clover Mist Bright
#D4FBD0 · hsl(115, 84%, 90%)
RGB
rgb(186, 248, 180)
HSL
hsl(115, 84%, 84%)
CMYK
cmyk(25%, 0%, 27%, 3%)
Metrics
S 84% · L 84%
Contrast (WCAG)
on white
1.2:1Fail
on black
17.2:1AA
About this color
Clover Pearl Bright (#BAF8B4) belongs to the green family — hue 115°, 84% 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-clover-pearl-bright: #BAF8B4; --colorarchive-clover-pearl-bright-hsl: hsl(115, 84%, 84%); --colorarchive-clover-pearl-bright-rgb: rgb(186, 248, 180); }
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
Clover Bloom Bright
#97F58E · hsl(115, 84%, 76%)
Complementary counterpoint
Magenta Pearl Bright
#EDB4F8 · hsl(290, 84%, 84%)
Analogous lead
Seafoam Pearl Bright
#B4F8CB · hsl(140, 84%, 84%)
Analogous echo
Lime Pearl Bright
#D6F8B4 · hsl(90, 84%, 84%)
Triadic +120°
Indigo Pearl Bright
#B4BFF8 · hsl(230, 84%, 84%)
Triadic +240°
Crimson Pearl Bright
#F8B4B4 · hsl(0, 84%, 84%)
Split-comp +150°
Orchid Pearl Bright
#CBB4F8 · hsl(260, 84%, 84%)
Split-comp +210°
Rose Pearl Bright
#F8B4E2 · hsl(320, 84%, 84%)
Export preview
Base: Clover Pearl Bright #BAF8B4 Lighter companion: Clover Mist Bright #D4FBD0 Darker companion: Clover Bloom Bright #97F58E Complementary counterpoint: Magenta Pearl Bright #EDB4F8 Analogous lead: Seafoam Pearl Bright #B4F8CB Analogous echo: Lime Pearl Bright #D6F8B4 Triadic +120°: Indigo Pearl Bright #B4BFF8 Triadic +240°: Crimson Pearl Bright #F8B4B4 Split-comp +150°: Orchid Pearl Bright #CBB4F8 Split-comp +210°: Rose Pearl Bright #F8B4E2
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Clover Pearl Pure
#B7FCB1 · hsl(115, 92%, 84%)
Nearby match
Clover Mist Bright
#D4FBD0 · hsl(115, 84%, 90%)
Nearby match
Clover Pearl Vivid
#BDF4B8 · hsl(115, 74%, 84%)
Nearby match
Leaf Pearl Bright
#BFF8B4 · hsl(110, 84%, 84%)
Nearby match
Emerald Pearl Bright
#B4F8B4 · hsl(120, 84%, 84%)
Nearby match
Clover Bloom Bright
#97F58E · hsl(115, 84%, 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
#D4CFCC
Protanopia
#D8D8C7
Tritanopia
#BED5D8
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.