#73D86F#73D86F

#73D86F is a light, vivid green. Relative luminance 0.539; OKLCH L 79.7% C 0.171 H 143.0°. Best body text is #000000 at 11.78:1 contrast (WCAG AA passes).

Color values

HEX	#73D86F
RGB	rgb(115, 216, 111)
HSL	hsl(118, 57%, 64%)
HSV	hsv(118, 49%, 85%)
CMYK	cmyk(46.8%, 0%, 48.6%, 15.3%)
CIE-LAB	lab(78.40, -50.27, 42.59)
CIE-LCH	lch(78.40, 65.89, 139.73°)
OKLab	oklab(79.67% -0.1369 0.1031)
OKLCH	oklch(79.67% 0.171 143)
XYZ	xyz(34.4937, 53.9018, 23.6223)
Luminance	0.5390 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#73D86F #D46FD8

analogous

#A8D86F #73D86F #6FD8A0

triadic

#73D86F #6F73D8 #D86F73

tetradic

#73D86F #6FA8D8 #D46FD8 #D8A06F

square

#73D86F #6FA8D8 #D46FD8 #D8A06F

split-complementary

#73D86F #A06FD8 #D86FA8

monochromatic

#30A12C #44CB3F #73D86F #A2E59F #D1F2CF

Accessibility & contrast

On white

1.78

#73D86F on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.78

#73D86F on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #73D86F

11.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##73D86F	#FFFFFF	#000000	##000000
##73D86F	1.00	1.78	11.78	11.78
#FFFFFF	1.78	1.00	21.00	21.00
#000000	11.78	21.00	1.00	1.00
##000000	11.78	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DCC866

Deuteranopia (green-blind)

#CEBE76

Tritanopia (blue-blind)

#66D3BF

Achromatopsia (no color)

#C2C2C2

Design tokens & code

CSS

--color: #73d86f;
/* rgb */ color: rgb(115, 216, 111);
/* oklch */ color: oklch(79.7% 0.171 143.0);

Tailwind

colors: {
  custom: {
    50: '#a1e59a',
    500: '#73d86f',
    950: '#000000',
  },
}

SCSS

$custom: #73d86f;
$custom-light: #a1e59a;
$custom-dark: #000000;

JSON

{
  "hex": "#73d86f",
  "rgb": {
    "r": 115,
    "g": 216,
    "b": 111
  },
  "hsl": {
    "h": 117.714,
    "s": 57.377,
    "l": 64.118
  },
  "oklch": {
    "l": 0.7967,
    "c": 0.17134,
    "h": 143
  },
  "luminance": 0.53904
}

Semantic roles & 50–950 ramp

primary

#73D86F

secondary

#A146A5

accent

#21C5BF

background

#FCFEFC

surface

#F6FCF5

border

#D0D5CF

text

#0F160E

muted

#80847F

Preview Lab

Preview with #73D86F

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

Preview Lab → · Contrast checker → · Palette generator →