#71CC22

#71CC22

Color Values

HEX

#71CC22

RGB

113, 204, 34

HSL

92.1, 71.4%, 46.7%

HSV

92.1, 83.3%, 80.0%

CMYK

44.6%, 0.0%, 83.3%, 20.0%

OKLCH

0.7589 0.2102 134.8

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#71CC22

#7D22CC

Analogous

#C6CC22

#22CC28

#71CC22

Triadic

#71CC22

#2271CC

#CC2271

Split Complementary

#71CC22

#2822CC

#CC22C6

Tetradic

#71CC22

#22C6CC

#7D22CC

#CC2822

Color Blindness Simulation

Original

#71CC22

Protanopia

#98994B

Deuteranopia

#938C55

Tritanopia

#766C73

Achromatopsia

#ACACAC

CSS Usage

background-color: #71CC22;
color: #71CC22;
border-color: #71CC22;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#DAF5C2
300
#BFED96
400
#9CE45D
500
#79DB24
600
#61AF1D
700
#4E8C17
800
#3D6D12
900
#2E5011
950
#1D320B

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

10.36:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026