#7BC6AC

#7BC6AC

Color Values

HEX

#7BC6AC

RGB

123, 198, 172

HSL

159.2, 39.7%, 62.9%

HSV

159.2, 37.9%, 77.6%

CMYK

37.9%, 0.0%, 13.1%, 22.4%

OKLCH

0.77 0.0843 170.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7BC6AC

#C67B95

Analogous

#7BC686

#7BBAC6

#7BC6AC

Triadic

#7BC6AC

#AC7BC6

#C6AC7B

Split Complementary

#7BC6AC

#C67BBA

#C6867B

Tetradic

#7BC6AC

#867BC6

#C67B95

#BAC67B

Color Blindness Simulation

Original

#7BC6AC

Protanopia

#9B9CB2

Deuteranopia

#9792B4

Tritanopia

#7FB7B8

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CDE9E0
300
#AADAC9
400
#7BC6AC
500
#4DB28F
600
#3E8E72
700
#31725C
800
#265948
900
#1F4236
950
#142A22

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