#B5EEBF#B5EEBF
#B5EEBF is a very light, moderate green. Relative luminance 0.747; OKLCH L 89.8% C 0.086 H 149.7°. Best body text is #000000 at 15.95:1 contrast (WCAG AA passes).
Color values
| HEX | #B5EEBF |
|---|---|
| RGB | rgb(181, 238, 191) |
| HSL | hsl(131, 63%, 82%) |
| HSV | hsv(131, 24%, 93%) |
| CMYK | cmyk(23.9%, 0%, 19.7%, 6.7%) |
| CIE-LAB | lab(89.27, -27.14, 16.99) |
| CIE-LCH | lch(89.27, 32.02, 147.96°) |
| OKLab | oklab(89.77% -0.0746 0.0436) |
| OKLCH | oklch(89.77% 0.086 149.7) |
| XYZ | xyz(59.0319, 74.7324, 60.5946) |
| Luminance | 0.7473 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Mint
#AAF0C1
ΔE00 2.14
Hospital Green
#9BE5AA
ΔE00 4.40
Light Sage
#BCECAC
ΔE00 4.74
Light Mint
#B6FFBB
ΔE00 5.34
Celadon
#BEFDB7
ΔE00 5.58
Light Seafoam
#A0FEBF
ΔE00 5.79
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B5EEBF #EEB5E4
analogous
#C8EEB5 #B5EEBF #B5EEDB
triadic
#B5EEBF #BFB5EE #EEBFB5
tetradic
#B5EEBF #B5C8EE #EEB5E4 #EEDBB5
square
#B5EEBF #B5C8EE #EEB5E4 #EEDBB5
split-complementary
#B5EEBF #DBB5EE #EEB5C8
monochromatic
#51D769 #83E394 #B5EEBF #E6F9E9 #E6F9E9
Accessibility & contrast
On white
1.32
#B5EEBF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.95
#B5EEBF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #B5EEBF
15.95:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B5EEBF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B5EEBF | 1.00 | 1.32 | 15.95 | 15.95 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.95 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.95 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EFE4BC
Deuteranopia (green-blind)
#E5DEC1
Tritanopia (blue-blind)
#AEECE1
Achromatopsia (no color)
#E0E0E0
Design tokens & code
CSS
--color: #b5eebf; /* rgb */ color: rgb(181, 238, 191); /* oklch */ color: oklch(89.8% 0.086 149.7);
Tailwind
colors: {
custom: {
50: '#ccf3d2',
500: '#b5eebf',
950: '#000000',
},
}SCSS
$custom: #b5eebf; $custom-light: #ccf3d2; $custom-dark: #000000;
JSON
{
"hex": "#b5eebf",
"rgb": {
"r": 181,
"g": 238,
"b": 191
},
"hsl": {
"h": 130.526,
"s": 62.637,
"l": 82.157
},
"oklch": {
"l": 0.89773,
"c": 0.08644,
"h": 149.7
},
"luminance": 0.74734
}Semantic roles & 50–950 ramp
primary
#B5EEBF
secondary
#CC7CBE
accent
#1BACCA
background
#FEFFFE
surface
#FAFEFB
border
#D3D6D4
text
#131714
muted
#838583