#50C848#50C848

#50C848 is a light, vivid green. Relative luminance 0.435; OKLCH L 73.8% C 0.199 H 142.3°. Best body text is #000000 at 9.70:1 contrast (WCAG AA passes).

Color values

HEX#50C848
RGBrgb(80, 200, 72)
HSLhsl(116, 54%, 53%)
HSVhsv(116, 64%, 78%)
CMYKcmyk(60%, 0%, 64%, 21.6%)
CIE-LABlab(71.88, -57.87, 52.54)
CIE-LCHlch(71.88, 78.16, 137.77°)
OKLaboklab(73.83% -0.1576 0.1219)
OKLCHoklch(73.83% 0.199 142.3)
XYZxyz(25.1309, 43.4796, 13.1977)
Luminance0.4348 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#50C848 #C048C8
analogous
#90C848 #50C848 #48C880
triadic
#50C848 #4850C8 #C84850
tetradic
#50C848 #4890C8 #C048C8 #C88048
square
#50C848 #4890C8 #C048C8 #C88048
split-complementary
#50C848 #8048C8 #C84890
monochromatic
#287323 #38A231 #50C848 #7DD677 #AAE4A6

Accessibility & contrast

On white

2.17
#50C848 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.70
#50C848 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #50C848
9.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##50C848#FFFFFF#000000##000000
##50C8481.002.179.709.70
#FFFFFF2.171.0021.0021.00
#0000009.7021.001.001.00
##0000009.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#CCB638
Deuteranopia (green-blind)
#BDAC53
Tritanopia (blue-blind)
#3CC2AD
Achromatopsia (no color)
#B0B0B0

Design tokens & code

CSS
--color: #50c848;
/* rgb */ color: rgb(80, 200, 72);
/* oklch */ color: oklch(73.8% 0.199 142.3);
Tailwind
colors: {
  custom: {
    50: '#8eda80',
    500: '#50c848',
    950: '#000000',
  },
}
SCSS
$custom: #50c848;
$custom-light: #8eda80;
$custom-dark: #000000;
JSON
{
  "hex": "#50c848",
  "rgb": {
    "r": 80,
    "g": 200,
    "b": 72
  },
  "hsl": {
    "h": 116.25,
    "s": 53.782,
    "l": 53.333
  },
  "oklch": {
    "l": 0.73832,
    "c": 0.19926,
    "h": 142.3
  },
  "luminance": 0.43482
}

Semantic roles & 50–950 ramp

primary
#50C848
secondary
#CE9AD1
accent
#4BDDD4
background
#F9FDF8
surface
#F2FBEF
border
#CCD4CA
text
#0D150B
muted
#7E837C

Preview Lab

Preview with #50C848

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

Preview Lab → · Contrast checker → · Palette generator →

#50C848 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva