#71ECE4

#71ECE4

Color Values

HEX

#71ECE4

RGB

113, 236, 228

HSL

176.1, 76.4%, 68.4%

HSV

176.1, 52.1%, 92.5%

CMYK

52.1%, 0.0%, 3.4%, 7.5%

OKLCH

0.8706 0.1111 189.6

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#71ECE4

#EC7179

Analogous

#71ECA6

#71B6EC

#71ECE4

Triadic

#71ECE4

#E471EC

#ECE471

Split Complementary

#71ECE4

#EC71B6

#ECA671

Tetradic

#71ECE4

#A671EC

#EC7179

#B6EC71

Color Blindness Simulation

Original

#71ECE4

Protanopia

#A6A7E6

Deuteranopia

#9F96E6

Tritanopia

#77E7E8

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F2FCFC
100
#E2F9F7
200
#C0F7F3
300
#93F1EA
400
#59E9DF
500
#1EE1D4
600
#18B4AA
700
#139088
800
#0F706A
900
#0F524D
950
#0A3431

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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