#7CC6AC

#7CC6AC

Color Values

HEX

#7CC6AC

RGB

124, 198, 172

HSL

158.9, 39.4%, 63.1%

HSV

158.9, 37.4%, 77.6%

CMYK

37.4%, 0.0%, 13.1%, 22.4%

OKLCH

0.7706 0.0835 169.8

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7CC6AC

#C67C96

Analogous

#7CC687

#7CBBC6

#7CC6AC

Triadic

#7CC6AC

#AC7CC6

#C6AC7C

Split Complementary

#7CC6AC

#C67CBB

#C6877C

Tetradic

#7CC6AC

#877CC6

#C67C96

#BBC67C

Color Blindness Simulation

Original

#7CC6AC

Protanopia

#9C9DB2

Deuteranopia

#9892B4

Tritanopia

#80B7B8

Achromatopsia

#B4B4B4

CSS Usage

background-color: #7CC6AC;
color: #7CC6AC;
border-color: #7CC6AC;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9DF
300
#AADAC9
400
#7BC6AC
500
#4DB28E
600
#3E8E72
700
#31725B
800
#275947
900
#1F4236
950
#142922

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.53:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026