#B5D154#B5D154

#B5D154 is a light, vivid yellow-green. Relative luminance 0.561; OKLCH L 81.5% C 0.154 H 120.6°. Best body text is #000000 at 12.21:1 contrast (WCAG AA passes).

Color values

HEX#B5D154
RGBrgb(181, 209, 84)
HSLhsl(73, 58%, 57%)
HSVhsv(73, 60%, 82%)
CMYKcmyk(13.4%, 0%, 59.8%, 18%)
CIE-LABlab(79.65, -27.09, 57.39)
CIE-LCHlch(79.65, 63.47, 115.27°)
OKLaboklab(81.53% -0.0782 0.1324)
OKLCHoklch(81.53% 0.154 120.6)
XYZxyz(43.4573, 56.0649, 16.9180)
Luminance0.5606 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B5D154 #7054D1
analogous
#D1AF54 #B5D154 #76D154
triadic
#B5D154 #54B5D1 #D154B5
tetradic
#B5D154 #54D1AF #7054D1 #D15476
square
#B5D154 #54D1AF #7054D1 #D15476
split-complementary
#B5D154 #5476D1 #AF54D1
monochromatic
#708624 #99B731 #B5D154 #CADE84 #DFEBB4

Accessibility & contrast

On white

1.72
#B5D154 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.21
#B5D154 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B5D154
12.21:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B5D154#FFFFFF#000000##000000
##B5D1541.001.7212.2112.21
#FFFFFF1.721.0021.0021.00
#00000012.2121.001.001.00
##00000012.2121.001.001.00

Color blindness preview

Protanopia (red-blind)
#DDC646
Deuteranopia (green-blind)
#DAC65C
Tritanopia (blue-blind)
#BEC7B6
Achromatopsia (no color)
#C5C5C5

Design tokens & code

CSS
--color: #b5d154;
/* rgb */ color: rgb(181, 209, 84);
/* oklch */ color: oklch(81.5% 0.154 120.6);
Tailwind
colors: {
  custom: {
    50: '#cedf89',
    500: '#b5d154',
    950: '#000000',
  },
}
SCSS
$custom: #b5d154;
$custom-light: #cedf89;
$custom-dark: #000000;
JSON
{
  "hex": "#b5d154",
  "rgb": {
    "r": 181,
    "g": 209,
    "b": 84
  },
  "hsl": {
    "h": 73.44,
    "s": 57.604,
    "l": 57.451
  },
  "oklch": {
    "l": 0.81525,
    "c": 0.15374,
    "h": 120.6
  },
  "luminance": 0.56065
}

Semantic roles & 50–950 ramp

primary
#B5D154
secondary
#4E3C8D
accent
#47E169
background
#FEFEFC
surface
#FBFCF4
border
#D4D5CE
text
#14150C
muted
#83847F

Preview Lab

Preview with #B5D154

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

Preview Lab → · Contrast checker → · Palette generator →

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