#BDD841#BDD841

#BDD841 is a very light, vivid yellow-green. Relative luminance 0.603; OKLCH L 83.5% C 0.173 H 119.2°. Best body text is #000000 at 13.06:1 contrast (WCAG AA passes).

Color values

HEX#BDD841
RGBrgb(189, 216, 65)
HSLhsl(71, 66%, 55%)
HSVhsv(71, 70%, 85%)
CMYKcmyk(12.5%, 0%, 69.9%, 15.3%)
CIE-LABlab(82.01, -28.47, 67.57)
CIE-LCHlch(82.01, 73.33, 112.85°)
OKLaboklab(83.52% -0.0843 0.151)
OKLCHoklch(83.52% 0.173 119.2)
XYZxyz(46.4972, 60.3125, 14.1920)
Luminance0.6031 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BDD841 #5C41D8
analogous
#D8A741 #BDD841 #72D841
triadic
#BDD841 #41BDD8 #D841BD
tetradic
#BDD841 #41D8A7 #5C41D8 #D84172
square
#BDD841 #41D8A7 #5C41D8 #D84172
split-complementary
#BDD841 #4172D8 #A741D8
monochromatic
#71841B #9CB625 #BDD841 #CFE274 #E0EDA7

Accessibility & contrast

On white

1.61
#BDD841 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.06
#BDD841 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BDD841
13.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BDD841#FFFFFF#000000##000000
##BDD8411.001.6113.0613.06
#FFFFFF1.611.0021.0021.00
#00000013.0621.001.001.00
##00000013.0621.001.001.00

Color blindness preview

Protanopia (red-blind)
#E6CC27
Deuteranopia (green-blind)
#E3CC4D
Tritanopia (blue-blind)
#C8CCBA
Achromatopsia (no color)
#CCCCCC

Design tokens & code

CSS
--color: #bdd841;
/* rgb */ color: rgb(189, 216, 65);
/* oklch */ color: oklch(83.5% 0.173 119.2);
Tailwind
colors: {
  custom: {
    50: '#d4e47f',
    500: '#bdd841',
    950: '#000000',
  },
}
SCSS
$custom: #bdd841;
$custom-light: #d4e47f;
$custom-dark: #000000;
JSON
{
  "hex": "#bdd841",
  "rgb": {
    "r": 189,
    "g": 216,
    "b": 65
  },
  "hsl": {
    "h": 70.728,
    "s": 65.939,
    "l": 55.098
  },
  "oklch": {
    "l": 0.83515,
    "c": 0.17293,
    "h": 119.2
  },
  "luminance": 0.60312
}

Semantic roles & 50–950 ramp

primary
#BDD841
secondary
#43338A
accent
#3FE95D
background
#FEFEFB
surface
#FCFCF2
border
#D5D5CC
text
#15150B
muted
#84847E

Preview Lab

Preview with #BDD841

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

Preview Lab → · Contrast checker → · Palette generator →

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