#B2EBBE#B2EBBE
#B2EBBE is a very light, moderate green. Relative luminance 0.726; OKLCH L 88.9% C 0.085 H 150.8°. Best body text is #000000 at 15.52:1 contrast (WCAG AA passes).
Color values
| HEX | #B2EBBE |
|---|---|
| RGB | rgb(178, 235, 190) |
| HSL | hsl(133, 59%, 81%) |
| HSV | hsv(133, 24%, 92%) |
| CMYK | cmyk(24.3%, 0%, 19.1%, 7.8%) |
| CIE-LAB | lab(88.26, -26.84, 16.06) |
| CIE-LCH | lch(88.26, 31.28, 149.11°) |
| OKLab | oklab(88.91% -0.0739 0.0413) |
| OKLCH | oklch(88.91% 0.085 150.8) |
| XYZ | xyz(57.3600, 72.5973, 59.6957) |
| Luminance | 0.7260 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Mint
#AAF0C1
ΔE00 2.13
Hospital Green
#9BE5AA
ΔE00 4.29
Light Sage
#BCECAC
ΔE00 5.20
Pale Turquoise
#A5FBD5
ΔE00 5.92
Light Teal
#90E4C1
ΔE00 6.03
Light Mint
#B6FFBB
ΔE00 6.05
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B2EBBE #EBB2DF
analogous
#C2EBB2 #B2EBBE #B2EBDA
triadic
#B2EBBE #BEB2EB #EBBEB2
tetradic
#B2EBBE #B2C2EB #EBB2DF #EBDAB2
square
#B2EBBE #B2C2EB #EBB2DF #EBDAB2
split-complementary
#B2EBBE #DAB2EB #EBB2C2
monochromatic
#51D26C #81DE95 #B2EBBE #E3F8E7 #E7F9EA
Accessibility & contrast
On white
1.35
#B2EBBE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.52
#B2EBBE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #B2EBBE
15.52:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B2EBBE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B2EBBE | 1.00 | 1.35 | 15.52 | 15.52 |
| #FFFFFF | 1.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.52 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.52 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#ECE1BC
Deuteranopia (green-blind)
#E2DBC0
Tritanopia (blue-blind)
#AAE9DE
Achromatopsia (no color)
#DDDDDD
Design tokens & code
CSS
--color: #b2ebbe; /* rgb */ color: rgb(178, 235, 190); /* oklch */ color: oklch(88.9% 0.085 150.8);
Tailwind
colors: {
custom: {
50: '#caf1d1',
500: '#b2ebbe',
950: '#000000',
},
}SCSS
$custom: #b2ebbe; $custom-light: #caf1d1; $custom-dark: #000000;
JSON
{
"hex": "#b2ebbe",
"rgb": {
"r": 178,
"g": 235,
"b": 190
},
"hsl": {
"h": 132.632,
"s": 58.763,
"l": 80.98
},
"oklch": {
"l": 0.8891,
"c": 0.08468,
"h": 150.8
},
"luminance": 0.72599
}Semantic roles & 50–950 ramp
primary
#B2EBBE
secondary
#C77AB7
accent
#1FA3C6
background
#FDFFFE
surface
#F9FEFB
border
#D2D6D4
text
#131614
muted
#828583