#71BDA7

#71BDA7

Color Values

HEX

#71BDA7

RGB

113, 189, 167

HSL

162.6, 36.5%, 59.2%

HSV

162.6, 40.2%, 74.1%

CMYK

40.2%, 0.0%, 11.6%, 25.9%

OKLCH

0.7425 0.0828 173.4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#71BDA7

#BD7187

Analogous

#71BD81

#71ADBD

#71BDA7

Triadic

#71BDA7

#A771BD

#BDA771

Split Complementary

#71BDA7

#BD71AD

#BD8171

Tetradic

#71BDA7

#8171BD

#BD7187

#ADBD71

Color Blindness Simulation

Original

#71BDA7

Protanopia

#9293AC

Deuteranopia

#8E88AE

Tritanopia

#75B1B1

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8E1
300
#ABD8CB
400
#7EC3AF
500
#51AE93
600
#418B76
700
#346F5E
800
#28574A
900
#214037
950
#152923

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.54:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026