#B3FC86#B3FC86

#B3FC86 is a very light, vivid yellow-green. Relative luminance 0.809; OKLCH L 91.7% C 0.167 H 134.6°. Best body text is #000000 at 17.19:1 contrast (WCAG AA passes).

Color values

HEX	#B3FC86
RGB	rgb(179, 252, 134)
HSL	hsl(97, 95%, 76%)
HSV	hsv(97, 47%, 99%)
CMYK	cmyk(29%, 0%, 46.8%, 1.2%)
CIE-LAB	lab(92.10, -42.57, 49.20)
CIE-LCH	lch(92.10, 65.06, 130.86°)
OKLab	oklab(91.72% -0.1172 0.1188)
OKLCH	oklch(91.72% 0.167 134.6)
XYZ	xyz(57.7026, 80.9238, 35.1293)
Luminance	0.8093 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Light Yellowish Green

Spring Green (survey)

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#B3FC86 #CF86FC

analogous

#EEFC86 #B3FC86 #86FC94

triadic

#B3FC86 #86B3FC #FC86B3

tetradic

#B3FC86 #86EEFC #CF86FC #FC9486

square

#B3FC86 #86EEFC #CF86FC #FC9486

split-complementary

#B3FC86 #9486FC #FC86EE

monochromatic

#68F90F #8DFB4A #B3FC86 #D9FDC2 #ECFEE1

Accessibility & contrast

On white

1.22

#B3FC86 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

17.19

#B3FC86 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B3FC86

17.19:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##B3FC86	#FFFFFF	#000000	##000000
##B3FC86	1.00	1.22	17.19	17.19
#FFFFFF	1.22	1.00	21.00	21.00
#000000	17.19	21.00	1.00	1.00
##000000	17.19	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FFEC7C

Deuteranopia (green-blind)

#F9E68D

Tritanopia (blue-blind)

#B3F4E0

Achromatopsia (no color)

#E8E8E8

Design tokens & code

CSS

--color: #b3fc86;
/* rgb */ color: rgb(179, 252, 134);
/* oklch */ color: oklch(91.7% 0.167 134.6);

Tailwind

colors: {
  custom: {
    50: '#ccfdab',
    500: '#b3fc86',
    950: '#000000',
  },
}

SCSS

$custom: #b3fc86;
$custom-light: #ccfdab;
$custom-dark: #000000;

JSON

{
  "hex": "#b3fc86",
  "rgb": {
    "r": 179,
    "g": 252,
    "b": 134
  },
  "hsl": {
    "h": 97.119,
    "s": 95.161,
    "l": 75.686
  },
  "oklch": {
    "l": 0.9172,
    "c": 0.16689,
    "h": 134.6
  },
  "luminance": 0.80926
}

Semantic roles & 50–950 ramp

primary

#B3FC86

secondary

#A44BDB

accent

#00E68E

background

#FEFFFD

surface

#FBFFF7

border

#D4D7D0

text

#141810

muted

#838681

Preview Lab

Preview with #B3FC86

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

Preview Lab → · Contrast checker → · Palette generator →