#7FF768#7FF768

#7FF768 is a very light, highly saturated green. Relative luminance 0.720; OKLCH L 87.6% C 0.212 H 140.5°. Best body text is #000000 at 15.41:1 contrast (WCAG AA passes).

Color values

HEX#7FF768
RGBrgb(127, 247, 104)
HSLhsl(110, 90%, 69%)
HSVhsv(110, 58%, 97%)
CMYKcmyk(48.6%, 0%, 57.9%, 3.1%)
CIE-LABlab(87.98, -59.92, 57.38)
CIE-LCHlch(87.98, 82.97, 136.24°)
OKLaboklab(87.62% -0.164 0.135)
OKLCHoklch(87.62% 0.212 140.5)
XYZxyz(44.5100, 72.0298, 24.6517)
Luminance0.7203 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7FF768 #E068F7
analogous
#C6F768 #7FF768 #68F799
triadic
#7FF768 #687FF7 #F7687F
tetradic
#7FF768 #68C6F7 #E068F7 #F79968
square
#7FF768 #68C6F7 #E068F7 #F79968
split-complementary
#7FF768 #9968F7 #F768C6
monochromatic
#2DD90C #4EF42E #7FF768 #B0FAA2 #E2FDDC

Accessibility & contrast

On white

1.36
#7FF768 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

15.41
#7FF768 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #7FF768
15.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7FF768#FFFFFF#000000##000000
##7FF7681.001.3615.4115.41
#FFFFFF1.361.0021.0021.00
#00000015.4121.001.001.00
##00000015.4121.001.001.00

Color blindness preview

Protanopia (red-blind)
#FDE359
Deuteranopia (green-blind)
#EDD973
Tritanopia (blue-blind)
#73F0D8
Achromatopsia (no color)
#DDDDDD

Design tokens & code

CSS
--color: #7ff768;
/* rgb */ color: rgb(127, 247, 104);
/* oklch */ color: oklch(87.6% 0.212 140.5);
Tailwind
colors: {
  custom: {
    50: '#acfb97',
    500: '#7ff768',
    950: '#000000',
  },
}
SCSS
$custom: #7ff768;
$custom-light: #acfb97;
$custom-dark: #000000;
JSON
{
  "hex": "#7ff768",
  "rgb": {
    "r": 127,
    "g": 247,
    "b": 104
  },
  "hsl": {
    "h": 110.35,
    "s": 89.937,
    "l": 68.824
  },
  "oklch": {
    "l": 0.87623,
    "c": 0.21238,
    "h": 140.5
  },
  "luminance": 0.72033
}

Semantic roles & 50–950 ramp

primary
#7FF768
secondary
#B733D1
accent
#00E6C1
background
#FDFFFC
surface
#F8FFF5
border
#D1D7CF
text
#11170E
muted
#81857F

Preview Lab

Preview with #7FF768

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

Preview Lab → · Contrast checker → · Palette generator →

#7FF768 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva