#B2E871#B2E871

#B2E871 is a very light, vivid yellow-green. Relative luminance 0.684; OKLCH L 86.8% C 0.160 H 129.4°. Best body text is #000000 at 14.67:1 contrast (WCAG AA passes).

Color values

HEX#B2E871
RGBrgb(178, 232, 113)
HSLhsl(87, 72%, 68%)
HSVhsv(87, 51%, 91%)
CMYKcmyk(23.3%, 0%, 51.3%, 9%)
CIE-LABlab(86.19, -36.32, 51.84)
CIE-LCHlch(86.19, 63.30, 125.02°)
OKLaboklab(86.84% -0.1013 0.1232)
OKLCHoklch(86.84% 0.16 129.4)
XYZxyz(50.1969, 68.3694, 26.1716)
Luminance0.6837 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B2E871 #A771E8
analogous
#E8E371 #B2E871 #76E871
triadic
#B2E871 #71B2E8 #E871B2
tetradic
#B2E871 #71E8E3 #A771E8 #E87176
square
#B2E871 #71E8E3 #A771E8 #E87176
split-complementary
#B2E871 #7176E8 #E371E8
monochromatic
#77C01F #95DF3C #B2E871 #CFF1A6 #EBF9DA

Accessibility & contrast

On white

1.43
#B2E871 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.67
#B2E871 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B2E871
14.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B2E871#FFFFFF#000000##000000
##B2E8711.001.4314.6714.67
#FFFFFF1.431.0021.0021.00
#00000014.6721.001.001.00
##00000014.6721.001.001.00

Color blindness preview

Protanopia (red-blind)
#F1DA66
Deuteranopia (green-blind)
#EAD678
Tritanopia (blue-blind)
#B6DFCD
Achromatopsia (no color)
#D8D8D8

Design tokens & code

CSS
--color: #b2e871;
/* rgb */ color: rgb(178, 232, 113);
/* oklch */ color: oklch(86.8% 0.160 129.4);
Tailwind
colors: {
  custom: {
    50: '#cbef9c',
    500: '#b2e871',
    950: '#000000',
  },
}
SCSS
$custom: #b2e871;
$custom-light: #cbef9c;
$custom-dark: #000000;
JSON
{
  "hex": "#b2e871",
  "rgb": {
    "r": 178,
    "g": 232,
    "b": 113
  },
  "hsl": {
    "h": 87.227,
    "s": 72.121,
    "l": 67.647
  },
  "oklch": {
    "l": 0.86844,
    "c": 0.1595,
    "h": 129.4
  },
  "luminance": 0.6837
}

Semantic roles & 50–950 ramp

primary
#B2E871
secondary
#793FBF
accent
#11D46A
background
#FEFFFC
surface
#FBFEF5
border
#D4D6CF
text
#14160E
muted
#83857F

Preview Lab

Preview with #B2E871

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

Preview Lab → · Contrast checker → · Palette generator →

#B2E871 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva