#B8FF4E#B8FF4E

#B8FF4E is a very light, highly saturated yellow-green. Relative luminance 0.823; OKLCH L 92.1% C 0.213 H 129.0°. Best body text is #000000 at 17.45:1 contrast (WCAG AA passes).

Color values

HEX#B8FF4E
RGBrgb(184, 255, 78)
HSLhsl(84, 100%, 65%)
HSVhsv(84, 69%, 100%)
CMYKcmyk(27.8%, 0%, 69.4%, 0%)
CIE-LABlab(92.69, -47.08, 73.54)
CIE-LCHlch(92.69, 87.32, 122.63°)
OKLaboklab(92.1% -0.1341 0.1656)
OKLCHoklch(92.1% 0.213 129)
XYZxyz(56.9021, 82.2589, 20.0858)
Luminance0.8226 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B8FF4E #954EFF
analogous
#FFEE4E #B8FF4E #5FFF4E
triadic
#B8FF4E #4EB8FF #FF4EB8
tetradic
#B8FF4E #4EFFEE #954EFF #FF4E5F
square
#B8FF4E #4EFFEE #954EFF #FF4E5F
split-complementary
#B8FF4E #4E5FFF #EE4EFF
monochromatic
#7ED300 #9FFF11 #B8FF4E #D1FF8B #E9FFC8

Accessibility & contrast

On white

1.20
#B8FF4E on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.45
#B8FF4E on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B8FF4E
17.45:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B8FF4E#FFFFFF#000000##000000
##B8FF4E1.001.2017.4517.45
#FFFFFF1.201.0021.0021.00
#00000017.4521.001.001.00
##00000017.4521.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFED31
Deuteranopia (green-blind)
#FFE85E
Tritanopia (blue-blind)
#BDF4DC
Achromatopsia (no color)
#EAEAEA

Design tokens & code

CSS
--color: #b8ff4e;
/* rgb */ color: rgb(184, 255, 78);
/* oklch */ color: oklch(92.1% 0.213 129.0);
Tailwind
colors: {
  custom: {
    50: '#d2ff89',
    500: '#b8ff4e',
    950: '#000000',
  },
}
SCSS
$custom: #b8ff4e;
$custom-light: #d2ff89;
$custom-dark: #000000;
JSON
{
  "hex": "#b8ff4e",
  "rgb": {
    "r": 184,
    "g": 255,
    "b": 78
  },
  "hsl": {
    "h": 84.068,
    "s": 100,
    "l": 65.294
  },
  "oklch": {
    "l": 0.92103,
    "c": 0.21302,
    "h": 129
  },
  "luminance": 0.8226
}

Semantic roles & 50–950 ramp

primary
#B8FF4E
secondary
#6824CD
accent
#00E65C
background
#FEFFFC
surface
#FBFFF4
border
#D4D7CE
text
#15180C
muted
#84867F

Preview Lab

Preview with #B8FF4E

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

Preview Lab → · Contrast checker → · Palette generator →

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