#71A280

#71A280

Color Values

HEX

#71A280

RGB

113, 162, 128

HSL

138.4, 20.9%, 53.9%

HSV

138.4, 30.2%, 63.5%

CMYK

30.2%, 0.0%, 21.0%, 36.5%

OKLCH

0.6676 0.0728 153.8

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#71A280

#A27193

Analogous

#7AA271

#71A299

#71A280

Triadic

#71A280

#8071A2

#A28071

Split Complementary

#71A280

#9971A2

#A2717A

Tetradic

#71A280

#717AA2

#A27193

#A29971

Color Blindness Simulation

Original

#71A280

Protanopia

#868788

Deuteranopia

#83808A

Tritanopia

#738F90

Achromatopsia

#959595

CSS Usage

background-color: #71A280;
color: #71A280;
border-color: #71A280;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E3D8
300
#B5CFBD
400
#8DB499
500
#659A75
600
#517B5E
700
#41634B
800
#324D3B
900
#273A2D
950
#19241C

Contrast Checker

Text on white

2.92:1

AA Fail AAA Fail

Text on black

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