#71CEC3

#71CEC3

Color Values

HEX

#71CEC3

RGB

113, 206, 195

HSL

172,9, 48,7%, 62,5%

HSV

172,9, 45,1%, 80,8%

CMYK

45,1%, 0,0%, 5,3%, 19,2%

OKLCH

0,7908 0,0907 185,7

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#71CEC3

#CE717C

Analogous

#71CE94

#71AACE

#71CEC3

Triadic

#71CEC3

#C371CE

#CEC371

Split Complementary

#71CEC3

#CE71AA

#CE9471

Tetradic

#71CEC3

#9471CE

#CE717C

#AACE71

Color Blindness Simulation

Original

#71CEC3

Protanopia

#999AC6

Deuteranopia

#948DC6

Tritanopia

#76C8C8

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#CAEDE9
300
#A4E0D9
400
#73CFC4
500
#41BEAF
600
#34988C
700
#2A7970
800
#215F57
900
#1B4641
950
#112C29

Contrast Checker

Text on white

1,86:1

AA Fail AAA Fail

Text on black

11,32:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026