#BDEE5D#BDEE5D

#BDEE5D is a very light, vivid yellow-green. Relative luminance 0.728; OKLCH L 88.7% C 0.180 H 125.7°. Best body text is #000000 at 15.55:1 contrast (WCAG AA passes).

Color values

HEX	#BDEE5D
RGB	rgb(189, 238, 93)
HSL	hsl(80, 81%, 65%)
HSV	hsv(80, 61%, 93%)
CMYK	cmyk(20.6%, 0%, 60.9%, 6.7%)
CIE-LAB	lab(88.33, -36.78, 63.28)
CIE-LCH	lch(88.33, 73.19, 120.17°)
OKLab	oklab(88.68% -0.1048 0.1458)
OKLCH	oklch(88.68% 0.18 125.7)
XYZ	xyz(53.5367, 72.7576, 21.5769)
Luminance	0.7276 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BDEE5D #8E5DEE

analogous

#EED75D #BDEE5D #74EE5D

triadic

#BDEE5D #5DBDEE #EE5DBD

tetradic

#BDEE5D #5DEED7 #8E5DEE #EE5D74

square

#BDEE5D #5DEED7 #8E5DEE #EE5D74

split-complementary

#BDEE5D #5D74EE #D75DEE

monochromatic

#84BD14 #A6E826 #BDEE5D #D4F494 #EAFACC

Accessibility & contrast

On white

1.35

#BDEE5D on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.55

#BDEE5D on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BDEE5D

15.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BDEE5D	#FFFFFF	#000000	##000000
##BDEE5D	1.00	1.35	15.55	15.55
#FFFFFF	1.35	1.00	21.00	21.00
#000000	15.55	21.00	1.00	1.00
##000000	15.55	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#FADF4C

Deuteranopia (green-blind)

#F3DD67

Tritanopia (blue-blind)

#C4E4CF

Achromatopsia (no color)

#DEDEDE

Design tokens & code

CSS

--color: #bdee5d;
/* rgb */ color: rgb(189, 238, 93);
/* oklch */ color: oklch(88.7% 0.180 125.7);

Tailwind

colors: {
  custom: {
    50: '#d4f390',
    500: '#bdee5d',
    950: '#000000',
  },
}

SCSS

$custom: #bdee5d;
$custom-light: #d4f390;
$custom-dark: #000000;

JSON

{
  "hex": "#bdee5d",
  "rgb": {
    "r": 189,
    "g": 238,
    "b": 93
  },
  "hsl": {
    "h": 80.276,
    "s": 81.006,
    "l": 64.902
  },
  "oklch": {
    "l": 0.88682,
    "c": 0.17954,
    "h": 125.7
  },
  "luminance": 0.72758
}

Semantic roles & 50–950 ramp

primary

#BDEE5D

secondary

#6234BB

accent

#08DD50

background

#FEFFFC

surface

#FBFEF4

border

#D4D6CE

text

#15170D

muted

#84857F

Preview Lab

Preview with #BDEE5D

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

Preview Lab → · Contrast checker → · Palette generator →