#BBC58A#BBC58A

#BBC58A is a light, moderate yellow-green. Relative luminance 0.523; OKLCH L 80.1% C 0.079 H 116.0°. Best body text is #000000 at 11.47:1 contrast (WCAG AA passes).

Color values

HEX	#BBC58A
RGB	rgb(187, 197, 138)
HSL	hsl(70, 34%, 66%)
HSV	hsv(70, 30%, 77%)
CMYK	cmyk(5.1%, 0%, 29.9%, 22.7%)
CIE-LAB	lab(77.48, -13.09, 28.52)
CIE-LCH	lch(77.48, 31.38, 114.66°)
OKLab	oklab(80.12% -0.0349 0.0713)
OKLCH	oklch(80.12% 0.079 116)
XYZ	xyz(45.0471, 52.3326, 31.7679)
Luminance	0.5233 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BBC58A #948AC5

analogous

#C5B18A #BBC58A #9DC58A

triadic

#BBC58A #8ABBC5 #C58ABB

tetradic

#BBC58A #8AC5B1 #948AC5 #C58A9D

square

#BBC58A #8AC5B1 #948AC5 #C58A9D

split-complementary

#BBC58A #8A9DC5 #B18AC5

monochromatic

#828E46 #A3B161 #BBC58A #D3D9B3 #EBEEDC

Accessibility & contrast

On white

1.83

#BBC58A on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.47

#BBC58A on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BBC58A

11.47:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BBC58A	#FFFFFF	#000000	##000000
##BBC58A	1.00	1.83	11.47	11.47
#FFFFFF	1.83	1.00	21.00	21.00
#000000	11.47	21.00	1.00	1.00
##000000	11.47	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#CDBF86

Deuteranopia (green-blind)

#CCC08D

Tritanopia (blue-blind)

#C1BFB6

Achromatopsia (no color)

#BFBFBF

Design tokens & code

CSS

--color: #bbc58a;
/* rgb */ color: rgb(187, 197, 138);
/* oklch */ color: oklch(80.1% 0.079 116.0);

Tailwind

colors: {
  custom: {
    50: '#d0d6ac',
    500: '#bbc58a',
    950: '#000000',
  },
}

SCSS

$custom: #bbc58a;
$custom-light: #d0d6ac;
$custom-dark: #000000;

JSON

{
  "hex": "#bbc58a",
  "rgb": {
    "r": 187,
    "g": 197,
    "b": 138
  },
  "hsl": {
    "h": 70.169,
    "s": 33.714,
    "l": 65.686
  },
  "oklch": {
    "l": 0.80122,
    "c": 0.07938,
    "h": 116
  },
  "luminance": 0.52332
}

Semantic roles & 50–950 ramp

primary

#BBC58A

secondary

#675D96

accent

#39AD4D

background

#FEFEFD

surface

#FBFBF7

border

#D4D4D0

text

#141410

muted

#838381

Preview Lab

Preview with #BBC58A

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

Preview Lab → · Contrast checker → · Palette generator →