#BCF970#BCF970

#BCF970 is a very light, vivid yellow-green. Relative luminance 0.796; OKLCH L 91.3% C 0.178 H 129.4°. Best body text is #000000 at 16.92:1 contrast (WCAG AA passes).

Color values

HEX#BCF970
RGBrgb(188, 249, 112)
HSLhsl(87, 92%, 71%)
HSVhsv(87, 55%, 98%)
CMYKcmyk(24.5%, 0%, 55%, 2.4%)
CIE-LABlab(91.51, -40.43, 58.69)
CIE-LCHlch(91.51, 71.27, 124.56°)
OKLaboklab(91.29% -0.1133 0.138)
OKLCHoklch(91.29% 0.178 129.4)
XYZxyz(57.5389, 79.6113, 27.6611)
Luminance0.7961 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BCF970 #AD70F9
analogous
#F9F170 #BCF970 #77F970
triadic
#BCF970 #70BCF9 #F970BC
tetradic
#BCF970 #70F9F1 #AD70F9 #F97077
square
#BCF970 #70F9F1 #AD70F9 #F97077
split-complementary
#BCF970 #7077F9 #F170F9
monochromatic
#83E50A #A0F735 #BCF970 #D8FBAB #F1FEE2

Accessibility & contrast

On white

1.24
#BCF970 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.92
#BCF970 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #BCF970
16.92:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BCF970#FFFFFF#000000##000000
##BCF9701.001.2416.9216.92
#FFFFFF1.241.0021.0021.00
#00000016.9221.001.001.00
##00000016.9221.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE962
Deuteranopia (green-blind)
#FBE579
Tritanopia (blue-blind)
#C0EFDB
Achromatopsia (no color)
#E7E7E7

Design tokens & code

CSS
--color: #bcf970;
/* rgb */ color: rgb(188, 249, 112);
/* oklch */ color: oklch(91.3% 0.178 129.4);
Tailwind
colors: {
  custom: {
    50: '#d3fb9d',
    500: '#bcf970',
    950: '#000000',
  },
}
SCSS
$custom: #bcf970;
$custom-light: #d3fb9d;
$custom-dark: #000000;
JSON
{
  "hex": "#bcf970",
  "rgb": {
    "r": 188,
    "g": 249,
    "b": 112
  },
  "hsl": {
    "h": 86.715,
    "s": 91.946,
    "l": 70.784
  },
  "oklch": {
    "l": 0.91294,
    "c": 0.17849,
    "h": 129.4
  },
  "luminance": 0.79613
}

Semantic roles & 50–950 ramp

primary
#BCF970
secondary
#7E39D4
accent
#00E666
background
#FEFFFC
surface
#FBFFF5
border
#D4D7CF
text
#14170F
muted
#838580

Preview Lab

Preview with #BCF970

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

Preview Lab → · Contrast checker → · Palette generator →

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