#71D8D4

#71D8D4

Color Values

HEX

#71D8D4

RGB

113, 216, 212

HSL

177.7, 56.9%, 64.5%

HSV

177.7, 47.7%, 84.7%

CMYK

47.7%, 0.0%, 1.9%, 15.3%

OKLCH

0.8194 0.0965 192.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#71D8D4

#D87175

Analogous

#71D8A1

#71A8D8

#71D8D4

Triadic

#71D8D4

#D471D8

#D8D471

Split Complementary

#71D8D4

#D871A8

#D8A171

Tetradic

#71D8D4

#A171D8

#D87175

#A8D871

Color Blindness Simulation

Original

#71D8D4

Protanopia

#9E9ED5

Deuteranopia

#9890D5

Tritanopia

#76D6D6

Achromatopsia

#C2C2C2

CSS Usage

background-color: #71D8D4;
color: #71D8D4;
border-color: #71D8D4;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FBFB
100
#E5F6F5
200
#C7F0EE
300
#9FE5E2
400
#6BD6D2
500
#37C8C2
600
#2CA09C
700
#23807C
800
#1B6461
900
#184947
950
#0F2E2D

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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