#87D749#87D749

#87D749 is a light, vivid yellow-green. Relative luminance 0.542; OKLCH L 79.9% C 0.191 H 134.1°. Best body text is #000000 at 11.85:1 contrast (WCAG AA passes).

Color values

HEX#87D749
RGBrgb(135, 215, 73)
HSLhsl(94, 64%, 56%)
HSVhsv(94, 66%, 84%)
CMYKcmyk(37.2%, 0%, 66%, 15.7%)
CIE-LABlab(78.60, -47.68, 60.03)
CIE-LCHlch(78.60, 76.67, 128.46°)
OKLaboklab(79.94% -0.1332 0.1373)
OKLCHoklch(79.94% 0.191 134.1)
XYZxyz(35.4940, 54.2312, 14.8995)
Luminance0.5423 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#87D749 #9949D7
analogous
#CED749 #87D749 #49D752
triadic
#87D749 #4987D7 #D74987
tetradic
#87D749 #49CED7 #9949D7 #D75249
square
#87D749 #49CED7 #9949D7 #D75249
split-complementary
#87D749 #5249D7 #D749CE
monochromatic
#4C881E #68BA29 #87D749 #A8E27B #C9EDAD

Accessibility & contrast

On white

1.77
#87D749 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.85
#87D749 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #87D749
11.85:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##87D749#FFFFFF#000000##000000
##87D7491.001.7711.8511.85
#FFFFFF1.771.0021.0021.00
#00000011.8521.001.001.00
##00000011.8521.001.001.00

Color blindness preview

Protanopia (red-blind)
#DFC736
Deuteranopia (green-blind)
#D4C055
Tritanopia (blue-blind)
#86CFBA
Achromatopsia (no color)
#C2C2C2

Design tokens & code

CSS
--color: #87d749;
/* rgb */ color: rgb(135, 215, 73);
/* oklch */ color: oklch(79.9% 0.191 134.1);
Tailwind
colors: {
  custom: {
    50: '#afe482',
    500: '#87d749',
    950: '#000000',
  },
}
SCSS
$custom: #87d749;
$custom-light: #afe482;
$custom-dark: #000000;
JSON
{
  "hex": "#87d749",
  "rgb": {
    "r": 135,
    "g": 215,
    "b": 73
  },
  "hsl": {
    "h": 93.803,
    "s": 63.964,
    "l": 56.471
  },
  "oklch": {
    "l": 0.7994,
    "c": 0.19128,
    "h": 134.1
  },
  "luminance": 0.54233
}

Semantic roles & 50–950 ramp

primary
#87D749
secondary
#68368E
accent
#41E79E
background
#FDFEFB
surface
#F8FCF2
border
#D1D5CC
text
#11150B
muted
#81847E

Preview Lab

Preview with #87D749

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#87D749 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva