#71B494

#71B494

Color Values

HEX

#71B494

RGB

113, 180, 148

HSL

151.3, 30.9%, 57.5%

HSV

151.3, 37.2%, 70.6%

CMYK

37.2%, 0.0%, 17.8%, 29.4%

OKLCH

0.7159 0.0834 162.6

Properties

Cool Light Nearest: Forest Green

Color Harmonies

Complementary

#71B494

#B47191

Analogous

#71B473

#71B3B4

#71B494

Triadic

#71B494

#9471B4

#B49471

Split Complementary

#71B494

#B471B3

#B47371

Tetradic

#71B494

#7371B4

#B47191

#B3B471

Color Blindness Simulation

Original

#71B494

Protanopia

#8E8F9C

Deuteranopia

#8A859E

Tritanopia

#74A2A3

Achromatopsia

#A3A3A3

CSS Usage

background-color: #71B494;
color: #71B494;
border-color: #71B494;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5F9F7
100
#E8F2ED
200
#D0E6DC
300
#AFD5C3
400
#83BEA2
500
#58A781
600
#468667
700
#386B53
800
#2C5341
900
#233E31
950
#16271F

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

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