#BED86C#BED86C
#BED86C is a very light, vivid yellow-green. Relative luminance 0.611; OKLCH L 84.0% C 0.138 H 120.6°. Best body text is #000000 at 13.23:1 contrast (WCAG AA passes).
Color values
| HEX | #BED86C |
|---|---|
| RGB | rgb(190, 216, 108) |
| HSL | hsl(74, 58%, 64%) |
| HSV | hsv(74, 50%, 85%) |
| CMYK | cmyk(12%, 0%, 50%, 15.3%) |
| CIE-LAB | lab(82.45, -24.83, 49.90) |
| CIE-LCH | lch(82.45, 55.74, 116.45°) |
| OKLab | oklab(84.01% -0.0701 0.1185) |
| OKLCH | oklch(84.01% 0.138 120.6) |
| XYZ | xyz(48.4982, 61.1417, 23.4310) |
| Luminance | 0.6114 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Pale Olive Green
#B1D27B
ΔE00 4.32
Greenish Beige
#C9D179
ΔE00 4.49
Greenish Tan
#BCCB7A
ΔE00 4.85
Pale Olive
#B9CC81
ΔE00 5.58
Light Moss Green
#A6C875
ΔE00 6.28
Light Olive
#ACBF69
ΔE00 6.57
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#BED86C #866CD8
analogous
#D8BC6C #BED86C #88D86C
triadic
#BED86C #6CBED8 #D86CBE
tetradic
#BED86C #6CD8BC #866CD8 #D86C88
square
#BED86C #6CD8BC #866CD8 #D86C88
split-complementary
#BED86C #6C88D8 #BC6CD8
monochromatic
#839F2A #A9CB3C #BED86C #D3E59C #E9F2CD
Accessibility & contrast
On white
1.59
#BED86C on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.23
#BED86C on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #BED86C
13.23:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##BED86C | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##BED86C | 1.00 | 1.59 | 13.23 | 13.23 |
| #FFFFFF | 1.59 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.23 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.23 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E3CD62
Deuteranopia (green-blind)
#E0CD72
Tritanopia (blue-blind)
#C6CFBF
Achromatopsia (no color)
#CDCDCD
Design tokens & code
CSS
--color: #bed86c; /* rgb */ color: rgb(190, 216, 108); /* oklch */ color: oklch(84.0% 0.138 120.6);
Tailwind
colors: {
custom: {
50: '#d3e499',
500: '#bed86c',
950: '#000000',
},
}SCSS
$custom: #bed86c; $custom-light: #d3e499; $custom-dark: #000000;
JSON
{
"hex": "#bed86c",
"rgb": {
"r": 190,
"g": 216,
"b": 108
},
"hsl": {
"h": 74.444,
"s": 58.065,
"l": 63.529
},
"oklch": {
"l": 0.84013,
"c": 0.13768,
"h": 120.6
},
"luminance": 0.61142
}Semantic roles & 50–950 ramp
primary
#BED86C
secondary
#5C45A3
accent
#20C648
background
#FEFEFC
surface
#FBFCF5
border
#D4D5CF
text
#14150E
muted
#83847F