#B2DB79#B2DB79

#B2DB79 is a very light, vivid yellow-green. Relative luminance 0.615; OKLCH L 84.0% C 0.134 H 127.6°. Best body text is #000000 at 13.30:1 contrast (WCAG AA passes).

Color values

HEX#B2DB79
RGBrgb(178, 219, 121)
HSLhsl(85, 58%, 67%)
HSVhsv(85, 45%, 86%)
CMYKcmyk(18.7%, 0%, 44.7%, 14.1%)
CIE-LABlab(82.65, -29.43, 43.71)
CIE-LCHlch(82.65, 52.69, 123.96°)
OKLaboklab(84.02% -0.0815 0.1057)
OKLCHoklch(84.02% 0.134 127.6)
XYZxyz(47.1424, 61.5079, 27.4740)
Luminance0.6151 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B2DB79 #A279DB
analogous
#DBD379 #B2DB79 #81DB79
triadic
#B2DB79 #79B2DB #DB79B2
tetradic
#B2DB79 #79DBD3 #A279DB #DB7981
square
#B2DB79 #79DBD3 #A279DB #DB7981
split-complementary
#B2DB79 #7981DB #D379DB
monochromatic
#77AC2E #96CE49 #B2DB79 #CEE8A9 #E9F5D9

Accessibility & contrast

On white

1.58
#B2DB79 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.30
#B2DB79 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B2DB79
13.30:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B2DB79#FFFFFF#000000##000000
##B2DB791.001.5813.3013.30
#FFFFFF1.581.0021.0021.00
#00000013.3021.001.001.00
##00000013.3021.001.001.00

Color blindness preview

Protanopia (red-blind)
#E4CF71
Deuteranopia (green-blind)
#DECD7E
Tritanopia (blue-blind)
#B6D3C4
Achromatopsia (no color)
#CECECE

Design tokens & code

CSS
--color: #b2db79;
/* rgb */ color: rgb(178, 219, 121);
/* oklch */ color: oklch(84.0% 0.134 127.6);
Tailwind
colors: {
  custom: {
    50: '#cae6a1',
    500: '#b2db79',
    950: '#000000',
  },
}
SCSS
$custom: #b2db79;
$custom-light: #cae6a1;
$custom-dark: #000000;
JSON
{
  "hex": "#b2db79",
  "rgb": {
    "r": 178,
    "g": 219,
    "b": 121
  },
  "hsl": {
    "h": 85.102,
    "s": 57.647,
    "l": 66.667
  },
  "oklch": {
    "l": 0.8402,
    "c": 0.1335,
    "h": 127.6
  },
  "luminance": 0.61508
}

Semantic roles & 50–950 ramp

primary
#B2DB79
secondary
#744AAE
accent
#20C565
background
#FEFEFC
surface
#FAFCF5
border
#D3D5CF
text
#13160F
muted
#838480

Preview Lab

Preview with #B2DB79

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

Preview Lab → · Contrast checker → · Palette generator →

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