#71B873

#71B873

Color Values

HEX

#71B873

RGB

113, 184, 115

HSL

121.7, 33.3%, 58.2%

HSV

121.7, 38.6%, 72.2%

CMYK

38.6%, 0.0%, 37.5%, 27.8%

OKLCH

0.7181 0.1218 144.8

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#71B873

#B871B6

Analogous

#92B871

#71B896

#71B873

Triadic

#71B873

#7371B8

#B87371

Split Complementary

#71B873

#9671B8

#B87192

Tetradic

#71B873

#7192B8

#B871B6

#B89671

Color Blindness Simulation

Original

#71B873

Protanopia

#909084

Deuteranopia

#8C8688

Tritanopia

#759194

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F5FAF5
100
#E8F2E8
200
#CFE7D0
300
#ADD6AF
400
#81C083
500
#55AA57
600
#448846
700
#366D38
800
#2B552C
900
#223F23
950
#152816

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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