#BFFA76#BFFA76

#BFFA76 is a very light, vivid yellow-green. Relative luminance 0.808; OKLCH L 91.8% C 0.173 H 129.3°. Best body text is #000000 at 17.15:1 contrast (WCAG AA passes).

Color values

HEX#BFFA76
RGBrgb(191, 250, 118)
HSLhsl(87, 93%, 72%)
HSVhsv(87, 53%, 98%)
CMYKcmyk(23.6%, 0%, 52.8%, 2%)
CIE-LABlab(92.02, -39.23, 56.66)
CIE-LCHlch(92.02, 68.92, 124.70°)
OKLaboklab(91.77% -0.1096 0.134)
OKLCHoklch(91.77% 0.173 129.3)
XYZxyz(58.9410, 80.7544, 29.6178)
Luminance0.8076 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BFFA76 #B176FA
analogous
#FAF376 #BFFA76 #7DFA76
triadic
#BFFA76 #76BFFA #FA76BF
tetradic
#BFFA76 #76FAF3 #B176FA #FA767D
square
#BFFA76 #76FAF3 #B176FA #FA767D
split-complementary
#BFFA76 #767DFA #F376FA
monochromatic
#87ED09 #A3F83B #BFFA76 #DBFCB1 #F1FEE1

Accessibility & contrast

On white

1.22
#BFFA76 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.15
#BFFA76 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BFFA76
17.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BFFA76#FFFFFF#000000##000000
##BFFA761.001.2217.1517.15
#FFFFFF1.221.0021.0021.00
#00000017.1521.001.001.00
##00000017.1521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEB69
Deuteranopia (green-blind)
#FCE77E
Tritanopia (blue-blind)
#C3F1DC
Achromatopsia (no color)
#E8E8E8

Design tokens & code

CSS
--color: #bffa76;
/* rgb */ color: rgb(191, 250, 118);
/* oklch */ color: oklch(91.8% 0.173 129.3);
Tailwind
colors: {
  custom: {
    50: '#d5fca1',
    500: '#bffa76',
    950: '#000000',
  },
}
SCSS
$custom: #bffa76;
$custom-light: #d5fca1;
$custom-dark: #000000;
JSON
{
  "hex": "#bffa76",
  "rgb": {
    "r": 191,
    "g": 250,
    "b": 118
  },
  "hsl": {
    "h": 86.818,
    "s": 92.958,
    "l": 72.157
  },
  "oklch": {
    "l": 0.91773,
    "c": 0.17315,
    "h": 129.3
  },
  "luminance": 0.80756
}

Semantic roles & 50–950 ramp

primary
#BFFA76
secondary
#823ED6
accent
#00E667
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#15170F
muted
#848580

Preview Lab

Preview with #BFFA76

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

Preview Lab → · Contrast checker → · Palette generator →

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