#71BC31

#71BC31

Color Values

HEX

#71BC31

RGB

113, 188, 49

HSL

92.4, 58.6%, 46.5%

HSV

92.4, 73.9%, 73.7%

CMYK

39.9%, 0.0%, 73.9%, 26.3%

OKLCH

0.7197 0.1842 134.0

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#71BC31

#7C31BC

Analogous

#B7BC31

#31BC37

#71BC31

Triadic

#71BC31

#3171BC

#BC3171

Split Complementary

#71BC31

#3731BC

#BC31B7

Tetradic

#71BC31

#31B7BC

#7C31BC

#BC3731

Color Blindness Simulation

Original

#71BC31

Protanopia

#919253

Deuteranopia

#8D885B

Tritanopia

#756D73

Achromatopsia

#A2A2A2

CSS Usage

background-color: #71BC31;
color: #71BC31;
border-color: #71BC31;
Nearest Tailwind: Lime 600 #65A30D

Tailwind Shades

50
#F7FBF4
100
#ECF6E4
200
#DAF0C6
300
#BFE69E
400
#9CD869
500
#7ACA35
600
#61A22A
700
#4E8122
800
#3D651A
900
#2E4A17
950
#1D2F0E

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

8.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026