#B2DE61#B2DE61

#B2DE61 is a very light, vivid yellow-green. Relative luminance 0.626; OKLCH L 84.4% C 0.161 H 125.9°. Best body text is #000000 at 13.51:1 contrast (WCAG AA passes).

Color values

HEX#B2DE61
RGBrgb(178, 222, 97)
HSLhsl(81, 65%, 63%)
HSVhsv(81, 56%, 87%)
CMYKcmyk(19.8%, 0%, 56.3%, 12.9%)
CIE-LABlab(83.22, -33.28, 55.64)
CIE-LCHlch(83.22, 64.84, 120.88°)
OKLaboklab(84.39% -0.0941 0.1301)
OKLCHoklch(84.39% 0.161 125.9)
XYZxyz(46.6391, 62.5701, 20.9270)
Luminance0.6257 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B2DE61 #8D61DE
analogous
#DECB61 #B2DE61 #73DE61
triadic
#B2DE61 #61B2DE #DE61B2
tetradic
#B2DE61 #61DECB #8D61DE #DE6173
square
#B2DE61 #61DECB #8D61DE #DE6173
split-complementary
#B2DE61 #6173DE #CB61DE
monochromatic
#75A322 #99D32E #B2DE61 #CBE994 #E3F3C6

Accessibility & contrast

On white

1.55
#B2DE61 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.51
#B2DE61 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B2DE61
13.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B2DE61#FFFFFF#000000##000000
##B2DE611.001.5513.5113.51
#FFFFFF1.551.0021.0021.00
#00000013.5121.001.001.00
##00000013.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#E9D154
Deuteranopia (green-blind)
#E3CF69
Tritanopia (blue-blind)
#B8D5C3
Achromatopsia (no color)
#CFCFCF

Design tokens & code

CSS
--color: #b2de61;
/* rgb */ color: rgb(178, 222, 97);
/* oklch */ color: oklch(84.4% 0.161 125.9);
Tailwind
colors: {
  custom: {
    50: '#cce892',
    500: '#b2de61',
    950: '#000000',
  },
}
SCSS
$custom: #b2de61;
$custom-light: #cce892;
$custom-dark: #000000;
JSON
{
  "hex": "#b2de61",
  "rgb": {
    "r": 178,
    "g": 222,
    "b": 97
  },
  "hsl": {
    "h": 81.12,
    "s": 65.445,
    "l": 62.549
  },
  "oklch": {
    "l": 0.84386,
    "c": 0.16055,
    "h": 125.9
  },
  "luminance": 0.62571
}

Semantic roles & 50–950 ramp

primary
#B2DE61
secondary
#623EA6
accent
#18CD58
background
#FEFEFC
surface
#FBFCF4
border
#D4D5CE
text
#14160D
muted
#83847F

Preview Lab

Preview with #B2DE61

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

Preview Lab → · Contrast checker → · Palette generator →

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