#BEDAA5#BEDAA5
#BEDAA5 is a very light, moderate yellow-green. Relative luminance 0.638; OKLCH L 85.4% C 0.077 H 130.6°. Best body text is #000000 at 13.76:1 contrast (WCAG AA passes).
Color values
| HEX | #BEDAA5 |
|---|---|
| RGB | rgb(190, 218, 165) |
| HSL | hsl(92, 42%, 75%) |
| HSV | hsv(92, 24%, 85%) |
| CMYK | cmyk(12.8%, 0%, 24.3%, 14.5%) |
| CIE-LAB | lab(83.86, -18.66, 23.09) |
| CIE-LCH | lch(83.86, 29.68, 128.94°) |
| OKLab | oklab(85.42% -0.0502 0.0587) |
| OKLCH | oklch(85.42% 0.077 130.6) |
| XYZ | xyz(53.0970, 63.8060, 45.1085) |
| Luminance | 0.6381 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Light Grey Green
#B7E1A1
ΔE00 3.39
Light Sage
#BCECAC
ΔE00 5.15
Pale Olive
#B9CC81
ΔE00 6.62
Pale Olive Green
#B1D27B
ΔE00 7.24
Very Pale Green
#CFFDBC
ΔE00 7.82
Washed Out Green
#BCF5A6
ΔE00 7.86
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BEDAA5 #C1A5DA
analogous
#D8DAA5 #BEDAA5 #A5DAA6
triadic
#BEDAA5 #A5BEDA #DAA5BE
tetradic
#BEDAA5 #A5D8DA #C1A5DA #DAA6A5
square
#BEDAA5 #A5D8DA #C1A5DA #DAA6A5
split-complementary
#BEDAA5 #A6A5DA #DAA5D8
monochromatic
#7FB64E #9FC87A #BEDAA5 #DDECD0 #EFF6E9
Accessibility & contrast
On white
1.53
#BEDAA5 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.76
#BEDAA5 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BEDAA5
13.76:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BEDAA5 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BEDAA5 | 1.00 | 1.53 | 13.76 | 13.76 |
| #FFFFFF | 1.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.76 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.76 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DFD2A2
Deuteranopia (green-blind)
#DBD0A7
Tritanopia (blue-blind)
#C0D5CC
Achromatopsia (no color)
#D1D1D1
Design tokens & code
CSS
--color: #bedaa5; /* rgb */ color: rgb(190, 218, 165); /* oklch */ color: oklch(85.4% 0.077 130.6);
Tailwind
colors: {
custom: {
50: '#d2e5c0',
500: '#bedaa5',
950: '#000000',
},
}SCSS
$custom: #bedaa5; $custom-light: #d2e5c0; $custom-dark: #000000;
JSON
{
"hex": "#bedaa5",
"rgb": {
"r": 190,
"g": 218,
"b": 165
},
"hsl": {
"h": 91.698,
"s": 41.732,
"l": 75.098
},
"oklch": {
"l": 0.85424,
"c": 0.0772,
"h": 130.6
},
"luminance": 0.63807
}Semantic roles & 50–950 ramp
primary
#BEDAA5
secondary
#9372B2
accent
#31B576
background
#FEFEFD
surface
#FBFCF9
border
#D4D5D2
text
#141512
muted
#838482