#72CFC5

#72CFC5

Color Values

HEX

#72CFC5

RGB

114, 207, 197

HSL

173.5, 49.2%, 62.9%

HSV

173.5, 44.9%, 81.2%

CMYK

44.9%, 0.0%, 4.8%, 18.8%

OKLCH

0.7942 0.0904 186.5

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#72CFC5

#CF727C

Analogous

#72CF96

#72AACF

#72CFC5

Triadic

#72CFC5

#C572CF

#CFC572

Split Complementary

#72CFC5

#CF72AA

#CF9672

Tetradic

#72CFC5

#9672CF

#CF727C

#AACF72

Color Blindness Simulation

Original

#72CFC5

Protanopia

#9A9BC7

Deuteranopia

#958EC8

Tritanopia

#77C9CA

Achromatopsia

#BBBBBB

CSS Usage

background-color: #72CFC5;
color: #72CFC5;
border-color: #72CFC5;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FBFA
100
#E6F5F3
200
#CAEDE9
300
#A4E0D9
400
#72CFC5
500
#41BEB1
600
#34988D
700
#297A71
800
#205F58
900
#1B4641
950
#112C29

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

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