#71F357#71F357

#71F357 is a very light, highly saturated green. Relative luminance 0.683; OKLCH L 85.9% C 0.226 H 140.5°. Best body text is #000000 at 14.66:1 contrast (WCAG AA passes).

Color values

HEX	#71F357
RGB	rgb(113, 243, 87)
HSL	hsl(110, 87%, 65%)
HSV	hsv(110, 64%, 95%)
CMYK	cmyk(53.5%, 0%, 64.2%, 4.7%)
CIE-LAB	lab(86.15, -63.83, 62.33)
CIE-LCH	lch(86.15, 89.21, 135.68°)
OKLab	oklab(85.93% -0.1748 0.144)
OKLCH	oklch(85.93% 0.226 140.5)
XYZ	xyz(40.5791, 68.2967, 20.0592)
Luminance	0.6830 (WCAG relative)
Temperature	neutral
Family	green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#71F357 #D957F3

analogous

#BFF357 #71F357 #57F38B

triadic

#71F357 #5771F3 #F35771

tetradic

#71F357 #57BFF3 #D957F3 #F38B57

square

#71F357 #57BFF3 #D957F3 #F38B57

split-complementary

#71F357 #8B57F3 #F357BF

monochromatic

#2CC20E #41EF1E #71F357 #A1F790 #D2FBC9

Accessibility & contrast

On white

1.43

#71F357 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

14.66

#71F357 on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #71F357

14.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##71F357	#FFFFFF	#000000	##000000
##71F357	1.00	1.43	14.66	14.66
#FFFFFF	1.43	1.00	21.00	21.00
#000000	14.66	21.00	1.00	1.00
##000000	14.66	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#F9DE43

Deuteranopia (green-blind)

#E8D365

Tritanopia (blue-blind)

#62ECD3

Achromatopsia (no color)

#D7D7D7

Design tokens & code

CSS

--color: #71f357;
/* rgb */ color: rgb(113, 243, 87);
/* oklch */ color: oklch(85.9% 0.226 140.5);

Tailwind

colors: {
  custom: {
    50: '#a5f88d',
    500: '#71f357',
    950: '#000000',
  },
}

SCSS

$custom: #71f357;
$custom-light: #a5f88d;
$custom-dark: #000000;

JSON

{
  "hex": "#71f357",
  "rgb": {
    "r": 113,
    "g": 243,
    "b": 87
  },
  "hsl": {
    "h": 110,
    "s": 86.667,
    "l": 64.706
  },
  "oklch": {
    "l": 0.85934,
    "c": 0.22645,
    "h": 140.5
  },
  "luminance": 0.683
}

Semantic roles & 50–950 ramp

primary

#71F357

secondary

#A72FBF

accent

#02E3BE

background

#FDFFFC

surface

#F7FFF4

border

#D0D7CE

text

#10170D

muted

#81857F

Preview Lab

Preview with #71F357

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

Preview Lab → · Contrast checker → · Palette generator →