#83D782#83D782

#83D782 is a light, vivid green. Relative luminance 0.550; OKLCH L 80.5% C 0.143 H 143.9°. Best body text is #000000 at 12.01:1 contrast (WCAG AA passes).

Color values

HEX	#83D782
RGB	rgb(131, 215, 130)
HSL	hsl(119, 52%, 68%)
HSV	hsv(119, 40%, 84%)
CMYK	cmyk(39.1%, 0%, 39.5%, 15.7%)
CIE-LAB	lab(79.06, -42.42, 34.12)
CIE-LCH	lch(79.06, 54.44, 141.19°)
OKLab	oklab(80.48% -0.1156 0.0844)
OKLCH	oklch(80.48% 0.143 143.9)
XYZ	xyz(37.6880, 55.0357, 29.7519)
Luminance	0.5504 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#83D782 #D682D7

analogous

#AED782 #83D782 #82D7AB

triadic

#83D782 #8283D7 #D78283

tetradic

#83D782 #82AED7 #D682D7 #D7AB82

square

#83D782 #82AED7 #D682D7 #D7AB82

split-complementary

#83D782 #AB82D7 #D782AE

monochromatic

#37A936 #55C854 #83D782 #B1E6B0 #DFF5DF

Accessibility & contrast

On white

1.75

#83D782 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.01

#83D782 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #83D782

12.01:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##83D782	#FFFFFF	#000000	##000000
##83D782	1.00	1.75	12.01	12.01
#FFFFFF	1.75	1.00	21.00	21.00
#000000	12.01	21.00	1.00	1.00
##000000	12.01	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DAC97C

Deuteranopia (green-blind)

#CEC187

Tritanopia (blue-blind)

#79D2C2

Achromatopsia (no color)

#C4C4C4

Design tokens & code

CSS

--color: #83d782;
/* rgb */ color: rgb(131, 215, 130);
/* oklch */ color: oklch(80.5% 0.143 143.9);

Tailwind

colors: {
  custom: {
    50: '#abe4a7',
    500: '#83d782',
    950: '#000000',
  },
}

SCSS

$custom: #83d782;
$custom-light: #abe4a7;
$custom-dark: #000000;

JSON

{
  "hex": "#83d782",
  "rgb": {
    "r": 131,
    "g": 215,
    "b": 130
  },
  "hsl": {
    "h": 119.294,
    "s": 51.515,
    "l": 67.647
  },
  "oklch": {
    "l": 0.80481,
    "c": 0.1431,
    "h": 143.9
  },
  "luminance": 0.55038
}

Semantic roles & 50–950 ramp

primary

#83D782

secondary

#AB51AC

accent

#27BFBD

background

#FDFEFC

surface

#F7FCF6

border

#D0D5D0

text

#10150F

muted

#818480

Preview Lab

Preview with #83D782

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

Preview Lab → · Contrast checker → · Palette generator →