#72CBB8

#72CBB8

Color Values

HEX

#72CBB8

RGB

114, 203, 184

HSL

167.2, 46.1%, 62.2%

HSV

167.2, 43.8%, 79.6%

CMYK

43.8%, 0.0%, 9.4%, 20.4%

OKLCH

0.7809 0.0908 178.4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#72CBB8

#CB7285

Analogous

#72CB8C

#72B2CB

#72CBB8

Triadic

#72CBB8

#B872CB

#CBB872

Split Complementary

#72CBB8

#CB72B2

#CB8C72

Tetradic

#72CBB8

#8C72CB

#CB7285

#B2CB72

Color Blindness Simulation

Original

#72CBB8

Protanopia

#9999BD

Deuteranopia

#938DBE

Tritanopia

#76C0C1

Achromatopsia

#B7B7B7

CSS Usage

background-color: #72CBB8;
color: #72CBB8;
border-color: #72CBB8;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CBECE5
300
#A6DED2
400
#75CCBA
500
#45BAA1
600
#379581
700
#2C7767
800
#225D51
900
#1C453C
950
#122B26

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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