#71AE2C

#71AE2C

Color Values

HEX

#71AE2C

RGB

113, 174, 44

HSL

88.2, 59.6%, 42.7%

HSV

88.2, 74.7%, 68.2%

CMYK

35.1%, 0.0%, 74.7%, 31.8%

OKLCH

0.6842 0.1697 131.8

Properties

Cool Light Nearest: NCS S 1050-G30Y Yellow Green

Color Harmonies

Complementary

#71AE2C

#692CAE

Analogous

#AEAA2C

#30AE2C

#71AE2C

Triadic

#71AE2C

#2C71AE

#AE2C71

Split Complementary

#71AE2C

#2C30AE

#AA2CAE

Tetradic

#71AE2C

#2CAEAA

#692CAE

#AE2C30

Color Blindness Simulation

Original

#71AE2C

Protanopia

#8B8C4B

Deuteranopia

#888353

Tritanopia

#74646A

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F8FBF3
100
#EEF6E4
200
#DDF1C6
300
#C4E69D
400
#A4D968
500
#84CB34
600
#6AA329
700
#558221
800
#42661A
900
#324A16
950
#202F0E

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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