#6CFC87#6CFC87

#6CFC87 is a very light, highly saturated green. Relative luminance 0.746; OKLCH L 88.5% C 0.201 H 147.4°. Best body text is #000000 at 15.91:1 contrast (WCAG AA passes).

Color values

HEX#6CFC87
RGBrgb(108, 252, 135)
HSLhsl(131, 96%, 71%)
HSVhsv(131, 57%, 99%)
CMYKcmyk(57.1%, 0%, 46.4%, 1.2%)
CIE-LABlab(89.18, -62.63, 44.46)
CIE-LCHlch(89.18, 76.80, 144.63°)
OKLaboklab(88.55% -0.1694 0.1084)
OKLCHoklch(88.55% 0.201 147.4)
XYZxyz(45.3649, 74.5541, 34.9167)
Luminance0.7456 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#6CFC87 #FC6CE1
analogous
#99FC6C #6CFC87 #6CFCCF
triadic
#6CFC87 #876CFC #FC876C
tetradic
#6CFC87 #6C99FC #FC6CE1 #FCCF6C
square
#6CFC87 #6C99FC #FC6CE1 #FCCF6C
split-complementary
#6CFC87 #CF6CFC #FC6C99
monochromatic
#05E930 #30FB56 #6CFC87 #A8FDB8 #E1FEE7

Accessibility & contrast

On white

1.32
#6CFC87 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.91
#6CFC87 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #6CFC87
15.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##6CFC87#FFFFFF#000000##000000
##6CFC871.001.3215.9115.91
#FFFFFF1.321.0021.0021.00
#00000015.9121.001.001.00
##00000015.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FFE87E
Deuteranopia (green-blind)
#ECDB8F
Tritanopia (blue-blind)
#4BF7E0
Achromatopsia (no color)
#E0E0E0

Design tokens & code

CSS
--color: #6cfc87;
/* rgb */ color: rgb(108, 252, 135);
/* oklch */ color: oklch(88.5% 0.201 147.4);
Tailwind
colors: {
  custom: {
    50: '#a2feac',
    500: '#6cfc87',
    950: '#000000',
  },
}
SCSS
$custom: #6cfc87;
$custom-light: #a2feac;
$custom-dark: #000000;
JSON
{
  "hex": "#6cfc87",
  "rgb": {
    "r": 108,
    "g": 252,
    "b": 135
  },
  "hsl": {
    "h": 131.25,
    "s": 96,
    "l": 70.588
  },
  "oklch": {
    "l": 0.88549,
    "c": 0.20115,
    "h": 147.4
  },
  "luminance": 0.74558
}

Semantic roles & 50–950 ramp

primary
#6CFC87
secondary
#D735B9
accent
#00BAE6
background
#FDFFFD
surface
#F7FFF7
border
#D0D7D0
text
#101810
muted
#818681

Preview Lab

Preview with #6CFC87

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

Preview Lab → · Contrast checker → · Palette generator →

#6CFC87 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva