#71AA6F

#71AA6F

Color Values

HEX

#71AA6F

RGB

113, 170, 111

HSL

118.0, 25.8%, 55.1%

HSV

118.0, 34.7%, 66.7%

CMYK

33.5%, 0.0%, 34.7%, 33.3%

OKLCH

0.6831 0.104 143.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#71AA6F

#A86FAA

Analogous

#8EAA6F

#6FAA8B

#71AA6F

Triadic

#71AA6F

#6F71AA

#AA6F71

Split Complementary

#71AA6F

#8B6FAA

#AA6F8E

Tetradic

#71AA6F

#6F8EAA

#A86FAA

#AA8B6F

Color Blindness Simulation

Original

#71AA6F

Protanopia

#8A8A7D

Deuteranopia

#868281

Tritanopia

#74898B

Achromatopsia

#9A9A9A

CSS Usage

background-color: #71AA6F;
color: #71AA6F;
border-color: #71AA6F;
Nearest Tailwind: Emerald 600 #059669

Tailwind Shades

50
#F6F9F6
100
#E9F1E9
200
#D3E5D2
300
#B3D2B2
400
#8AB988
500
#61A05F
600
#4D804C
700
#3E673D
800
#30502F
900
#263C25
950
#182617

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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