#71C172

#71C172

Color Values

HEX

#71C172

RGB

113, 193, 114

HSL

120.8, 39.2%, 60.0%

HSV

120.8, 41.5%, 75.7%

CMYK

41.5%, 0.0%, 40.9%, 24.3%

OKLCH

0.7399 0.1365 144.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#71C172

#C171C0

Analogous

#98C171

#71C19A

#71C172

Triadic

#71C172

#7271C1

#C17271

Split Complementary

#71C172

#9A71C1

#C17198

Tetradic

#71C172

#7198C1

#C171C0

#C19A71

Color Blindness Simulation

Original

#71C172

Protanopia

#949485

Deuteranopia

#8F898A

Tritanopia

#759498

Achromatopsia

#AAAAAA

CSS Usage

background-color: #71C172;
color: #71C172;
border-color: #71C172;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F5FAF5
100
#E7F3E7
200
#CDE9CE
300
#AADAAA
400
#7CC67D
500
#4EB14F
600
#3E8E3F
700
#327232
800
#275927
900
#1F4220
950
#142914

Contrast Checker

Text on white

2.19:1

AA Fail AAA Fail

Text on black

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