#7CC6AB

#7CC6AB

Color Values

HEX

#7CC6AB

RGB

124, 198, 171

HSL

158.1, 39.4%, 63.1%

HSV

158.1, 37.4%, 77.6%

CMYK

37.4%, 0.0%, 13.6%, 22.4%

OKLCH

0.7703 0.0842 168.9

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7CC6AB

#C67C97

Analogous

#7CC686

#7CBCC6

#7CC6AB

Triadic

#7CC6AB

#AB7CC6

#C6AB7C

Split Complementary

#7CC6AB

#C67CBC

#C6867C

Tetradic

#7CC6AB

#867CC6

#C67C97

#BCC67C

Color Blindness Simulation

Original

#7CC6AB

Protanopia

#9C9DB2

Deuteranopia

#9892B3

Tritanopia

#80B7B8

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9DF
300
#AADAC8
400
#7BC6AB
500
#4DB28D
600
#3E8E71
700
#31725A
800
#275947
900
#1F4235
950
#142922

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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