#BFF972#BFF972

#BFF972 is a very light, vivid yellow-green. Relative luminance 0.800; OKLCH L 91.5% C 0.175 H 128.8°. Best body text is #000000 at 17.01:1 contrast (WCAG AA passes).

Color values

HEX#BFF972
RGBrgb(191, 249, 114)
HSLhsl(86, 92%, 71%)
HSVhsv(86, 54%, 98%)
CMYKcmyk(23.3%, 0%, 54.2%, 2.4%)
CIE-LABlab(91.70, -39.17, 58.08)
CIE-LCHlch(91.70, 70.05, 124.00°)
OKLaboklab(91.5% -0.1098 0.1368)
OKLCHoklch(91.5% 0.175 128.8)
XYZxyz(58.3984, 80.0415, 28.2891)
Luminance0.8004 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BFF972 #AC72F9
analogous
#F9F072 #BFF972 #7BF972
triadic
#BFF972 #72BFF9 #F972BF
tetradic
#BFF972 #72F9F0 #AC72F9 #F9727B
square
#BFF972 #72F9F0 #AC72F9 #F9727B
split-complementary
#BFF972 #727BF9 #F072F9
monochromatic
#88E70A #A4F737 #BFF972 #DAFBAD #F2FEE2

Accessibility & contrast

On white

1.23
#BFF972 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.01
#BFF972 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BFF972
17.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BFF972#FFFFFF#000000##000000
##BFF9721.001.2317.0117.01
#FFFFFF1.231.0021.0021.00
#00000017.0121.001.001.00
##00000017.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEA65
Deuteranopia (green-blind)
#FBE67B
Tritanopia (blue-blind)
#C4EFDB
Achromatopsia (no color)
#E7E7E7

Design tokens & code

CSS
--color: #bff972;
/* rgb */ color: rgb(191, 249, 114);
/* oklch */ color: oklch(91.5% 0.175 128.8);
Tailwind
colors: {
  custom: {
    50: '#d5fb9e',
    500: '#bff972',
    950: '#000000',
  },
}
SCSS
$custom: #bff972;
$custom-light: #d5fb9e;
$custom-dark: #000000;
JSON
{
  "hex": "#bff972",
  "rgb": {
    "r": 191,
    "g": 249,
    "b": 114
  },
  "hsl": {
    "h": 85.778,
    "s": 91.837,
    "l": 71.176
  },
  "oklch": {
    "l": 0.91502,
    "c": 0.17536,
    "h": 128.8
  },
  "luminance": 0.80043
}

Semantic roles & 50–950 ramp

primary
#BFF972
secondary
#7D3BD4
accent
#00E663
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#15170F
muted
#848580

Preview Lab

Preview with #BFF972

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

Preview Lab → · Contrast checker → · Palette generator →

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