#BDFD9C#BDFD9C

#BDFD9C is a very light, vivid yellow-green. Relative luminance 0.835; OKLCH L 92.9% C 0.141 H 135.5°. Best body text is #000000 at 17.69:1 contrast (WCAG AA passes).

Color values

HEX#BDFD9C
RGBrgb(189, 253, 156)
HSLhsl(100, 96%, 80%)
HSVhsv(100, 38%, 99%)
CMYKcmyk(25.3%, 0%, 38.3%, 0.8%)
CIE-LABlab(93.22, -36.88, 40.13)
CIE-LCHlch(93.22, 54.50, 132.59°)
OKLaboklab(92.87% -0.1009 0.099)
OKLCHoklch(92.87% 0.141 135.5)
XYZxyz(62.1107, 83.4679, 44.2845)
Luminance0.8347 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BDFD9C #DC9CFD
analogous
#EDFD9C #BDFD9C #9CFDAC
triadic
#BDFD9C #9CBDFD #FD9CBD
tetradic
#BDFD9C #9CEDFD #DC9CFD #FDAC9C
square
#BDFD9C #9CEDFD #DC9CFD #FDAC9C
split-complementary
#BDFD9C #AC9CFD #FD9CED
monochromatic
#6DFB24 #95FC60 #BDFD9C #E5FED8 #EBFEE1

Accessibility & contrast

On white

1.19
#BDFD9C on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

17.69
#BDFD9C on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BDFD9C
17.69:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BDFD9C#FFFFFF#000000##000000
##BDFD9C1.001.1917.6917.69
#FFFFFF1.191.0021.0021.00
#00000017.6921.001.001.00
##00000017.6921.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFEF95
Deuteranopia (green-blind)
#FAEAA1
Tritanopia (blue-blind)
#BCF6E5
Achromatopsia (no color)
#EBEBEB

Design tokens & code

CSS
--color: #bdfd9c;
/* rgb */ color: rgb(189, 253, 156);
/* oklch */ color: oklch(92.9% 0.141 135.5);
Tailwind
colors: {
  custom: {
    50: '#d2feba',
    500: '#bdfd9c',
    950: '#000000',
  },
}
SCSS
$custom: #bdfd9c;
$custom-light: #d2feba;
$custom-dark: #000000;
JSON
{
  "hex": "#bdfd9c",
  "rgb": {
    "r": 189,
    "g": 253,
    "b": 156
  },
  "hsl": {
    "h": 99.588,
    "s": 96.04,
    "l": 80.196
  },
  "oklch": {
    "l": 0.92867,
    "c": 0.14136,
    "h": 135.5
  },
  "luminance": 0.8347
}

Semantic roles & 50–950 ramp

primary
#BDFD9C
secondary
#B35EDF
accent
#00E697
background
#FEFFFD
surface
#FBFFF8
border
#D4D7D1
text
#141812
muted
#838682

Preview Lab

Preview with #BDFD9C

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

Preview Lab → · Contrast checker → · Palette generator →

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