#72CBA8

#72CBA8

Color Values

HEX

#72CBA8

RGB

114, 203, 168

HSL

156.4, 46.1%, 62.2%

HSV

156.4, 43.8%, 79.6%

CMYK

43.8%, 0.0%, 17.2%, 20.4%

OKLCH

0.7764 0.1006 166.4

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#72CBA8

#CB7295

Analogous

#72CB7C

#72C2CB

#72CBA8

Triadic

#72CBA8

#A872CB

#CBA872

Split Complementary

#72CBA8

#CB72C2

#CB7C72

Tetradic

#72CBA8

#7C72CB

#CB7295

#C2CB72

Color Blindness Simulation

Original

#72CBA8

Protanopia

#9999B0

Deuteranopia

#938DB2

Tritanopia

#76B7B9

Achromatopsia

#B6B6B6

CSS Usage

background-color: #72CBA8;
color: #72CBA8;
border-color: #72CBA8;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CBECDF
300
#A6DEC8
400
#75CCAA
500
#45BA8C
600
#379570
700
#2C775A
800
#225D46
900
#1C4535
950
#122B21

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

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