#B4CF58#B4CF58

#B4CF58 is a light, vivid yellow-green. Relative luminance 0.550; OKLCH L 81.0% C 0.148 H 120.5°. Best body text is #000000 at 12.01:1 contrast (WCAG AA passes).

Color values

HEX#B4CF58
RGBrgb(180, 207, 88)
HSLhsl(74, 55%, 58%)
HSVhsv(74, 57%, 81%)
CMYKcmyk(13%, 0%, 57.5%, 18.8%)
CIE-LABlab(79.06, -26.21, 54.96)
CIE-LCHlch(79.06, 60.90, 115.50°)
OKLaboklab(81.05% -0.0753 0.1277)
OKLCHoklch(81.05% 0.148 120.5)
XYZxyz(42.8971, 55.0336, 17.5933)
Luminance0.5503 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B4CF58 #7358CF
analogous
#CFAE58 #B4CF58 #79CF58
triadic
#B4CF58 #58B4CF #CF58B4
tetradic
#B4CF58 #58CFAE #7358CF #CF5879
square
#B4CF58 #58CFAE #7358CF #CF5879
split-complementary
#B4CF58 #5879CF #AE58CF
monochromatic
#708627 #98B634 #B4CF58 #C9DD88 #DFEAB7

Accessibility & contrast

On white

1.75
#B4CF58 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.01
#B4CF58 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #B4CF58
12.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B4CF58#FFFFFF#000000##000000
##B4CF581.001.7512.0112.01
#FFFFFF1.751.0021.0021.00
#00000012.0121.001.001.00
##00000012.0121.001.001.00

Color blindness preview

Protanopia (red-blind)
#DBC44B
Deuteranopia (green-blind)
#D7C460
Tritanopia (blue-blind)
#BDC5B5
Achromatopsia (no color)
#C4C4C4

Design tokens & code

CSS
--color: #b4cf58;
/* rgb */ color: rgb(180, 207, 88);
/* oklch */ color: oklch(81.0% 0.148 120.5);
Tailwind
colors: {
  custom: {
    50: '#cddd8b',
    500: '#b4cf58',
    950: '#000000',
  },
}
SCSS
$custom: #b4cf58;
$custom-light: #cddd8b;
$custom-dark: #000000;
JSON
{
  "hex": "#b4cf58",
  "rgb": {
    "r": 180,
    "g": 207,
    "b": 88
  },
  "hsl": {
    "h": 73.613,
    "s": 55.349,
    "l": 57.843
  },
  "oklch": {
    "l": 0.81045,
    "c": 0.14823,
    "h": 120.5
  },
  "luminance": 0.55034
}

Semantic roles & 50–950 ramp

primary
#B4CF58
secondary
#503E8D
accent
#49DF6B
background
#FEFEFC
surface
#FBFCF4
border
#D4D5CE
text
#14150C
muted
#83847F

Preview Lab

Preview with #B4CF58

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

Preview Lab → · Contrast checker → · Palette generator →

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