#72CFBB

#72CFBB

Color Values

HEX

#72CFBB

RGB

114, 207, 187

HSL

167.1, 49.2%, 62.9%

HSV

167.1, 44.9%, 81.2%

CMYK

44.9%, 0.0%, 9.7%, 18.8%

OKLCH

0.7912 0.0941 178.1

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#72CFBB

#CF7286

Analogous

#72CF8C

#72B4CF

#72CFBB

Triadic

#72CFBB

#BB72CF

#CFBB72

Split Complementary

#72CFBB

#CF72B4

#CF8C72

Tetradic

#72CFBB

#8C72CF

#CF7286

#B4CF72

Color Blindness Simulation

Original

#72CFBB

Protanopia

#9A9BC0

Deuteranopia

#958EC1

Tritanopia

#77C4C4

Achromatopsia

#BABABA

CSS Usage

background-color: #72CFBB;
color: #72CFBB;
border-color: #72CFBB;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F4FBF9
100
#E6F5F1
200
#CAEDE5
300
#A4E0D3
400
#72CFBB
500
#41BEA3
600
#349883
700
#297A68
800
#205F52
900
#1B463D
950
#112C26

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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