#BBD343#BBD343

#BBD343 is a very light, vivid yellow-green. Relative luminance 0.576; OKLCH L 82.3% C 0.167 H 118.4°. Best body text is #000000 at 12.51:1 contrast (WCAG AA passes).

Color values

HEX#BBD343
RGBrgb(187, 211, 67)
HSLhsl(70, 62%, 55%)
HSVhsv(70, 68%, 83%)
CMYKcmyk(11.4%, 0%, 68.2%, 17.3%)
CIE-LABlab(80.49, -26.79, 65.28)
CIE-LCHlch(80.49, 70.56, 112.31°)
OKLaboklab(82.27% -0.0793 0.1465)
OKLCHoklch(82.27% 0.167 118.4)
XYZxyz(44.8018, 57.5589, 14.0589)
Luminance0.5756 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BBD343 #5B43D3
analogous
#D3A343 #BBD343 #73D343
triadic
#BBD343 #43BBD3 #D343BB
tetradic
#BBD343 #43D3A3 #5B43D3 #D34373
square
#BBD343 #43D3A3 #5B43D3 #D34373
split-complementary
#BBD343 #4373D3 #A343D3
monochromatic
#6E7E1E #99B029 #BBD343 #CDDF75 #DFEAA6

Accessibility & contrast

On white

1.68
#BBD343 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.51
#BBD343 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BBD343
12.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BBD343#FFFFFF#000000##000000
##BBD3431.001.6812.5112.51
#FFFFFF1.681.0021.0021.00
#00000012.5121.001.001.00
##00000012.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#E1C82D
Deuteranopia (green-blind)
#DEC84E
Tritanopia (blue-blind)
#C6C8B6
Achromatopsia (no color)
#C8C8C8

Design tokens & code

CSS
--color: #bbd343;
/* rgb */ color: rgb(187, 211, 67);
/* oklch */ color: oklch(82.3% 0.167 118.4);
Tailwind
colors: {
  custom: {
    50: '#d3e07f',
    500: '#bbd343',
    950: '#000000',
  },
}
SCSS
$custom: #bbd343;
$custom-light: #d3e07f;
$custom-dark: #000000;
JSON
{
  "hex": "#bbd343",
  "rgb": {
    "r": 187,
    "g": 211,
    "b": 67
  },
  "hsl": {
    "h": 70,
    "s": 62.069,
    "l": 54.51
  },
  "oklch": {
    "l": 0.82265,
    "c": 0.16663,
    "h": 118.4
  },
  "luminance": 0.57559
}

Semantic roles & 50–950 ramp

primary
#BBD343
secondary
#423586
accent
#43E55E
background
#FEFEFB
surface
#FBFCF2
border
#D4D5CC
text
#15150B
muted
#84847E

Preview Lab

Preview with #BBD343

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

Preview Lab → · Contrast checker → · Palette generator →

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