#B3EB78#B3EB78

#B3EB78 is a very light, vivid yellow-green. Relative luminance 0.704; OKLCH L 87.7% C 0.157 H 130.4°. Best body text is #000000 at 15.07:1 contrast (WCAG AA passes).

Color values

HEX#B3EB78
RGBrgb(179, 235, 120)
HSLhsl(89, 74%, 70%)
HSVhsv(89, 49%, 92%)
CMYKcmyk(23.8%, 0%, 48.9%, 7.8%)
CIE-LABlab(87.17, -36.58, 49.76)
CIE-LCHlch(87.17, 61.76, 126.32°)
OKLaboklab(87.68% -0.1015 0.1192)
OKLCHoklch(87.68% 0.157 130.4)
XYZxyz(51.6883, 70.3553, 28.6223)
Luminance0.7036 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B3EB78 #B078EB
analogous
#EBE978 #B3EB78 #7AEB78
triadic
#B3EB78 #78B3EB #EB78B3
tetradic
#B3EB78 #78EBE9 #B078EB #EB787A
square
#B3EB78 #78EBE9 #B078EB #EB787A
split-complementary
#B3EB78 #787AEB #E978EB
monochromatic
#77CB1E #95E343 #B3EB78 #D1F3AD #EFFBE3

Accessibility & contrast

On white

1.39
#B3EB78 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.07
#B3EB78 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B3EB78
15.07:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B3EB78#FFFFFF#000000##000000
##B3EB781.001.3915.0715.07
#FFFFFF1.391.0021.0021.00
#00000015.0721.001.001.00
##00000015.0721.001.001.00

Color blindness preview

Protanopia (red-blind)
#F4DD6E
Deuteranopia (green-blind)
#ECD97F
Tritanopia (blue-blind)
#B6E3D0
Achromatopsia (no color)
#DADADA

Design tokens & code

CSS
--color: #b3eb78;
/* rgb */ color: rgb(179, 235, 120);
/* oklch */ color: oklch(87.7% 0.157 130.4);
Tailwind
colors: {
  custom: {
    50: '#ccf1a1',
    500: '#b3eb78',
    950: '#000000',
  },
}
SCSS
$custom: #b3eb78;
$custom-light: #ccf1a1;
$custom-dark: #000000;
JSON
{
  "hex": "#b3eb78",
  "rgb": {
    "r": 179,
    "g": 235,
    "b": 120
  },
  "hsl": {
    "h": 89.217,
    "s": 74.194,
    "l": 69.608
  },
  "oklch": {
    "l": 0.87677,
    "c": 0.15655,
    "h": 130.4
  },
  "luminance": 0.70356
}

Semantic roles & 50–950 ramp

primary
#B3EB78
secondary
#8244C4
accent
#0FD670
background
#FEFFFC
surface
#FBFEF5
border
#D4D6CF
text
#14170F
muted
#838580

Preview Lab

Preview with #B3EB78

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

Preview Lab → · Contrast checker → · Palette generator →

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