#71BC84

#71BC84

Color Values

HEX

#71BC84

RGB

113, 188, 132

HSL

135.2, 35.9%, 59.0%

HSV

135.2, 39.9%, 73.7%

CMYK

39.9%, 0.0%, 29.8%, 26.3%

OKLCH

0.7313 0.1107 151.0

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#71BC84

#BC71A9

Analogous

#83BC71

#71BCA9

#71BC84

Triadic

#71BC84

#8471BC

#BC8471

Split Complementary

#71BC84

#A971BC

#BC7183

Tetradic

#71BC84

#7183BC

#BC71A9

#BCA971

Color Blindness Simulation

Original

#71BC84

Protanopia

#919292

Deuteranopia

#8D8895

Tritanopia

#759C9F

Achromatopsia

#A8A8A8

CSS Usage

background-color: #71BC84;
color: #71BC84;
border-color: #71BC84;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F5FAF6
100
#E8F3EA
200
#CEE8D5
300
#ACD8B7
400
#7FC390
500
#52AD69
600
#418B54
700
#346F43
800
#295734
900
#214029
950
#15281A

Contrast Checker

Text on white

2.28:1

AA Fail AAA Fail

Text on black

9.23: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