#BCEA6D#BCEA6D

#BCEA6D is a very light, vivid yellow-green. Relative luminance 0.706; OKLCH L 87.9% C 0.161 H 126.3°. Best body text is #000000 at 15.13:1 contrast (WCAG AA passes).

Color values

HEX#BCEA6D
RGBrgb(188, 234, 109)
HSLhsl(82, 75%, 67%)
HSVhsv(82, 53%, 92%)
CMYKcmyk(19.7%, 0%, 53.4%, 8.2%)
CIE-LABlab(87.31, -33.96, 55.15)
CIE-LCHlch(87.31, 64.76, 121.63°)
OKLaboklab(87.89% -0.0955 0.13)
OKLCHoklch(87.89% 0.161 126.3)
XYZxyz(52.9221, 70.6405, 25.3119)
Luminance0.7064 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BCEA6D #9B6DEA
analogous
#EAD96D #BCEA6D #7EEA6D
triadic
#BCEA6D #6DBCEA #EA6DBC
tetradic
#BCEA6D #6DEAD9 #9B6DEA #EA6D7E
square
#BCEA6D #6DEAD9 #9B6DEA #EA6D7E
split-complementary
#BCEA6D #6D7EEA #D96DEA
monochromatic
#84C11C #A3E237 #BCEA6D #D5F2A3 #EDF9D8

Accessibility & contrast

On white

1.39
#BCEA6D on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.13
#BCEA6D on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BCEA6D
15.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BCEA6D#FFFFFF#000000##000000
##BCEA6D1.001.3915.1315.13
#FFFFFF1.391.0021.0021.00
#00000015.1321.001.001.00
##00000015.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#F5DD61
Deuteranopia (green-blind)
#EEDA75
Tritanopia (blue-blind)
#C2E0CE
Achromatopsia (no color)
#DBDBDB

Design tokens & code

CSS
--color: #bcea6d;
/* rgb */ color: rgb(188, 234, 109);
/* oklch */ color: oklch(87.9% 0.161 126.3);
Tailwind
colors: {
  custom: {
    50: '#d2f19a',
    500: '#bcea6d',
    950: '#000000',
  },
}
SCSS
$custom: #bcea6d;
$custom-light: #d2f19a;
$custom-dark: #000000;
JSON
{
  "hex": "#bcea6d",
  "rgb": {
    "r": 188,
    "g": 234,
    "b": 109
  },
  "hsl": {
    "h": 82.08,
    "s": 74.85,
    "l": 67.255
  },
  "oklch": {
    "l": 0.8789,
    "c": 0.16133,
    "h": 126.3
  },
  "luminance": 0.70641
}

Semantic roles & 50–950 ramp

primary
#BCEA6D
secondary
#6C3CBF
accent
#0ED758
background
#FEFFFC
surface
#FBFEF5
border
#D4D6CF
text
#14160E
muted
#83857F

Preview Lab

Preview with #BCEA6D

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

Preview Lab → · Contrast checker → · Palette generator →

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