Lighter companion
Jade Mist Bright
#D0FBE6 · hsl(150, 84%, 90%)
RGB
rgb(180, 248, 214)
HSL
hsl(150, 84%, 84%)
CMYK
cmyk(27%, 0%, 14%, 3%)
Metrics
S 84% · L 84%
Contrast (WCAG)
on white
1.2:1Fail
on black
17.3:1AA
About this color
Jade Pearl Bright (#B4F8D6) belongs to the teal family — hue 150°, 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-jade-pearl-bright: #B4F8D6; --colorarchive-jade-pearl-bright-hsl: hsl(150, 84%, 84%); --colorarchive-jade-pearl-bright-rgb: rgb(180, 248, 214); }
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
Jade Bloom Bright
#8EF5C2 · hsl(150, 84%, 76%)
Complementary counterpoint
Blush Pearl Bright
#F8B4D6 · hsl(330, 84%, 84%)
Analogous lead
Cyan Pearl Bright
#B4F8F3 · hsl(175, 84%, 84%)
Analogous echo
Mint Pearl Bright
#B4F8BF · hsl(130, 84%, 84%)
Triadic +120°
Plum Pearl Bright
#D6B4F8 · hsl(270, 84%, 84%)
Triadic +240°
Coral Pearl Bright
#F8D6B4 · hsl(30, 84%, 84%)
Split-comp +150°
Fuchsia Pearl Bright
#F8B4F8 · hsl(300, 84%, 84%)
Split-comp +210°
Crimson Pearl Bright
#F8B4B4 · hsl(0, 84%, 84%)
Export preview
Base: Jade Pearl Bright #B4F8D6 Lighter companion: Jade Mist Bright #D0FBE6 Darker companion: Jade Bloom Bright #8EF5C2 Complementary counterpoint: Blush Pearl Bright #F8B4D6 Analogous lead: Cyan Pearl Bright #B4F8F3 Analogous echo: Mint Pearl Bright #B4F8BF Triadic +120°: Plum Pearl Bright #D6B4F8 Triadic +240°: Coral Pearl Bright #F8D6B4 Split-comp +150°: Fuchsia Pearl Bright #F8B4F8 Split-comp +210°: Crimson Pearl Bright #F8B4B4
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Jade Pearl Pure
#B1FCD6 · hsl(150, 92%, 84%)
Nearby match
Jade Mist Bright
#D0FBE6 · hsl(150, 84%, 90%)
Nearby match
Jade Pearl Vivid
#B8F4D6 · hsl(150, 74%, 84%)
Nearby match
Celadon Pearl Bright
#B4F8D0 · hsl(145, 84%, 84%)
Nearby match
Jade Bloom Bright
#8EF5C2 · hsl(150, 84%, 76%)
Nearby match
Jade Whisper Bright
#E3FDF0 · hsl(150, 84%, 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
#D1CCE1
Protanopia
#D5D6DF
Tritanopia
#B8E6E7
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.