#71E775

#71E775

Color Values

HEX

#71E775

RGB

113, 231, 117

HSL

122.0, 71.1%, 67.5%

HSV

122.0, 51.1%, 90.6%

CMYK

51.1%, 0.0%, 49.4%, 9.4%

OKLCH

0.8334 0.1872 144.3

Properties

Cool Light Nearest: Screamin Green

Color Harmonies

Complementary

#71E775

#E771E3

Analogous

#A8E771

#71E7B0

#71E775

Triadic

#71E775

#7571E7

#E77571

Split Complementary

#71E775

#B071E7

#E771A8

Tetradic

#71E775

#71A8E7

#E771E3

#E7B071

Color Blindness Simulation

Original

#71E775

Protanopia

#A4A591

Deuteranopia

#9D9497

Tritanopia

#77A6AB

Achromatopsia

#C6C6C6

CSS Usage

background-color: #71E775;
color: #71E775;
border-color: #71E775;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F3FCF3
100
#E2F8E3
200
#C2F5C4
300
#96ED99
400
#5EE462
500
#25DA2B
600
#1DAF22
700
#188C1B
800
#126D15
900
#114F14
950
#0B320C

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

13.39:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026