#BADE95#BADE95
#BADE95 is a very light, moderate yellow-green. Relative luminance 0.649; OKLCH L 85.7% C 0.104 H 129.7°. Best body text is #000000 at 13.97:1 contrast (WCAG AA passes).
Color values
| HEX | #BADE95 |
|---|---|
| RGB | rgb(186, 222, 149) |
| HSL | hsl(90, 53%, 73%) |
| HSV | hsv(90, 33%, 87%) |
| CMYK | cmyk(16.2%, 0%, 32.9%, 12.9%) |
| CIE-LAB | lab(84.41, -24.39, 32.04) |
| CIE-LCH | lch(84.41, 40.26, 127.28°) |
| OKLab | oklab(85.7% -0.0663 0.0799) |
| OKLCH | oklch(85.7% 0.104 129.7) |
| XYZ | xyz(51.7949, 64.8509, 38.2166) |
| Luminance | 0.6485 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Grey Green
#B7E1A1
ΔE00 2.60
Pale Olive Green
#B1D27B
ΔE00 4.18
Light Sage
#BCECAC
ΔE00 4.49
Pale Olive
#B9CC81
ΔE00 5.37
Washed Out Green
#BCF5A6
ΔE00 5.60
Light Moss Green
#A6C875
ΔE00 5.92
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BADE95 #B995DE
analogous
#DEDD95 #BADE95 #95DE95
triadic
#BADE95 #95BADE #DE95BA
tetradic
#BADE95 #95DEDD #B995DE #DE9595
square
#BADE95 #95DEDD #B995DE #DE9595
split-complementary
#BADE95 #9595DE #DD95DE
monochromatic
#7DBE3B #9CCF66 #BADE95 #D8EDC4 #F0F8E8
Accessibility & contrast
On white
1.50
#BADE95 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.97
#BADE95 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BADE95
13.97:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BADE95 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BADE95 | 1.00 | 1.50 | 13.97 | 13.97 |
| #FFFFFF | 1.50 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.97 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E5D490
Deuteranopia (green-blind)
#DFD299
Tritanopia (blue-blind)
#BDD8CB
Achromatopsia (no color)
#D3D3D3
Design tokens & code
CSS
--color: #bade95; /* rgb */ color: rgb(186, 222, 149); /* oklch */ color: oklch(85.7% 0.104 129.7);
Tailwind
colors: {
custom: {
50: '#cfe8b4',
500: '#bade95',
950: '#000000',
},
}SCSS
$custom: #bade95; $custom-light: #cfe8b4; $custom-dark: #000000;
JSON
{
"hex": "#bade95",
"rgb": {
"r": 186,
"g": 222,
"b": 149
},
"hsl": {
"h": 89.589,
"s": 52.518,
"l": 72.745
},
"oklch": {
"l": 0.85697,
"c": 0.10384,
"h": 129.7
},
"luminance": 0.64852
}Semantic roles & 50–950 ramp
primary
#BADE95
secondary
#8B61B6
accent
#26C072
background
#FEFEFD
surface
#FBFCF8
border
#D4D5D1
text
#141611
muted
#838481