#71CC92

#71CC92

Color Values

HEX

#71CC92

RGB

113, 204, 146

HSL

141,8, 47,2%, 62,2%

HSV

141,8, 44,6%, 80,0%

CMYK

44,6%, 0,0%, 28,4%, 20,0%

OKLCH

0,773 0,1215 154,4

Properties

Cool Light Nearest: NCS S 0530-G Light Green

Color Harmonies

Complementary

#71CC92

#CC71AB

Analogous

#7ECC71

#71CCC0

#71CC92

Triadic

#71CC92

#9271CC

#CC9271

Split Complementary

#71CC92

#C071CC

#CC717E

Tetradic

#71CC92

#717ECC

#CC71AB

#CCC071

Color Blindness Simulation

Original

#71CC92

Protanopia

#9899A0

Deuteranopia

#938CA3

Tritanopia

#76ABAE

Achromatopsia

#B4B4B4

CSS Usage

background-color: #71CC92;
color: #71CC92;
border-color: #71CC92;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FAF7
100
#E6F4EB
200
#CAECD7
300
#A5DFBA
400
#74CD94
500
#43BC6F
600
#369659
700
#2B7847
800
#225E38
900
#1C452B
950
#122C1B

Contrast Checker

Text on white

1,95:1

AA Fail AAA Fail

Text on black

10,75: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