#BBFD6A#BBFD6A

#BBFD6A is a very light, vivid yellow-green. Relative luminance 0.819; OKLCH L 92.1% C 0.189 H 129.8°. Best body text is #000000 at 17.37:1 contrast (WCAG AA passes).

Color values

HEX#BBFD6A
RGBrgb(187, 253, 106)
HSLhsl(87, 97%, 70%)
HSVhsv(87, 58%, 99%)
CMYKcmyk(26.1%, 0%, 58.1%, 0.8%)
CIE-LABlab(92.51, -43.08, 62.43)
CIE-LCHlch(92.51, 75.85, 124.61°)
OKLaboklab(92.07% -0.121 0.1454)
OKLCHoklch(92.07% 0.189 129.8)
XYZxyz(58.2199, 81.8545, 26.3650)
Luminance0.8186 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BBFD6A #AC6AFD
analogous
#FDF66A #BBFD6A #71FD6A
triadic
#BBFD6A #6ABBFD #FD6ABB
tetradic
#BBFD6A #6AFDF6 #AC6AFD #FD6A71
square
#BBFD6A #6AFDF6 #AC6AFD #FD6A71
split-complementary
#BBFD6A #6A71FD #F66AFD
monochromatic
#82E903 #9FFC2E #BBFD6A #D7FEA6 #F1FFE1

Accessibility & contrast

On white

1.21
#BBFD6A on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.37
#BBFD6A on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BBFD6A
17.37:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BBFD6A#FFFFFF#000000##000000
##BBFD6A1.001.2117.3717.37
#FFFFFF1.211.0021.0021.00
#00000017.3721.001.001.00
##00000017.3721.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFED5A
Deuteranopia (green-blind)
#FEE874
Tritanopia (blue-blind)
#BFF3DD
Achromatopsia (no color)
#E9E9E9

Design tokens & code

CSS
--color: #bbfd6a;
/* rgb */ color: rgb(187, 253, 106);
/* oklch */ color: oklch(92.1% 0.189 129.8);
Tailwind
colors: {
  custom: {
    50: '#d3fe99',
    500: '#bbfd6a',
    950: '#000000',
  },
}
SCSS
$custom: #bbfd6a;
$custom-light: #d3fe99;
$custom-dark: #000000;
JSON
{
  "hex": "#bbfd6a",
  "rgb": {
    "r": 187,
    "g": 253,
    "b": 106
  },
  "hsl": {
    "h": 86.939,
    "s": 97.351,
    "l": 70.392
  },
  "oklch": {
    "l": 0.92071,
    "c": 0.18918,
    "h": 129.8
  },
  "luminance": 0.81856
}

Semantic roles & 50–950 ramp

primary
#BBFD6A
secondary
#7D33D8
accent
#00E667
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#14180E
muted
#83867F

Preview Lab

Preview with #BBFD6A

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

Preview Lab → · Contrast checker → · Palette generator →

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