#72CCC4

#72CCC4

Color Values

HEX

#72CCC4

RGB

114, 204, 196

HSL

174,7, 46,9%, 62,4%

HSV

174,7, 44,1%, 80,0%

CMYK

44,1%, 0,0%, 3,9%, 20,0%

OKLCH

0,7869 0,0876 188,1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#72CCC4

#CC727A

Analogous

#72CC97

#72A7CC

#72CCC4

Triadic

#72CCC4

#C472CC

#CCC472

Split Complementary

#72CCC4

#CC72A7

#CC9772

Tetradic

#72CCC4

#9772CC

#CC727A

#A7CC72

Color Blindness Simulation

Original

#72CCC4

Protanopia

#999AC6

Deuteranopia

#948DC6

Tritanopia

#76C7C8

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECE9
300
#A5DFD9
400
#74CDC5
500
#44BBB1
600
#36968D
700
#2B7871
800
#225E58
900
#1C4541
950
#122C29

Contrast Checker

Text on white

1,88:1

AA Fail AAA Fail

Text on black

11,15: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