#B0FF8A#B0FF8A

#B0FF8A is a very light, vivid green. Relative luminance 0.826; OKLCH L 92.3% C 0.169 H 136.3°. Best body text is #000000 at 17.52:1 contrast (WCAG AA passes).

Color values

HEX	#B0FF8A
RGB	rgb(176, 255, 138)
HSL	hsl(101, 100%, 77%)
HSV	hsv(101, 46%, 100%)
CMYK	cmyk(31%, 0%, 45.9%, 0%)
CIE-LAB	lab(92.83, -44.39, 48.19)
CIE-LCH	lch(92.83, 65.52, 132.65°)
OKLab	oklab(92.29% -0.122 0.1167)
OKLCH	oklch(92.29% 0.169 136.3)
XYZ	xyz(58.2504, 82.5828, 36.9108)
Luminance	0.8258 (WCAG relative)
Temperature	warm
Family	green

Closest named colors

Light Yellowish Green

Spring Green (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B0FF8A #D98AFF

analogous

#EAFF8A #B0FF8A #8AFF9F

triadic

#B0FF8A #8AB0FF #FF8AB0

tetradic

#B0FF8A #8AEAFF #D98AFF #FF9F8A

square

#B0FF8A #8AEAFF #D98AFF #FF9F8A

split-complementary

#B0FF8A #9F8AFF #FF8AEA

monochromatic

#5DFF10 #87FF4D #B0FF8A #D9FFC7 #EAFFE0

Accessibility & contrast

On white

1.20

#B0FF8A on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.52

#B0FF8A on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B0FF8A

17.52:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B0FF8A	#FFFFFF	#000000	##000000
##B0FF8A	1.00	1.20	17.52	17.52
#FFFFFF	1.20	1.00	21.00	21.00
#000000	17.52	21.00	1.00	1.00
##000000	17.52	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFEF80

Deuteranopia (green-blind)

#FBE891

Tritanopia (blue-blind)

#AEF7E3

Achromatopsia (no color)

#EAEAEA

Design tokens & code

CSS

--color: #b0ff8a;
/* rgb */ color: rgb(176, 255, 138);
/* oklch */ color: oklch(92.3% 0.169 136.3);

Tailwind

colors: {
  custom: {
    50: '#caffae',
    500: '#b0ff8a',
    950: '#000000',
  },
}

SCSS

$custom: #b0ff8a;
$custom-light: #caffae;
$custom-dark: #000000;

JSON

{
  "hex": "#b0ff8a",
  "rgb": {
    "r": 176,
    "g": 255,
    "b": 138
  },
  "hsl": {
    "h": 100.513,
    "s": 100,
    "l": 77.059
  },
  "oklch": {
    "l": 0.92289,
    "c": 0.16882,
    "h": 136.3
  },
  "luminance": 0.82585
}

Semantic roles & 50–950 ramp

primary

#B0FF8A

secondary

#B04EE0

accent

#00E69B

background

#FEFFFD

surface

#FBFFF7

border

#D4D7D0

text

#141810

muted

#838681

Preview Lab

Preview with #B0FF8A

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

Preview Lab → · Contrast checker → · Palette generator →