#7BC6B0

#7BC6B0

Color Values

HEX

#7BC6B0

RGB

123, 198, 176

HSL

162.4, 39.7%, 62.9%

HSV

162.4, 37.9%, 77.6%

CMYK

37.9%, 0.0%, 11.1%, 22.4%

OKLCH

0.7712 0.0818 173.4

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7BC6B0

#C67B91

Analogous

#7BC68A

#7BB6C6

#7BC6B0

Triadic

#7BC6B0

#B07BC6

#C6B07B

Split Complementary

#7BC6B0

#C67BB6

#C68A7B

Tetradic

#7BC6B0

#8A7BC6

#C67B91

#B6C67B

Color Blindness Simulation

Original

#7BC6B0

Protanopia

#9B9CB5

Deuteranopia

#9792B7

Tritanopia

#7FBABA

Achromatopsia

#B4B4B4

CSS Usage

background-color: #7BC6B0;
color: #7BC6B0;
border-color: #7BC6B0;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CDE9E1
300
#AADACC
400
#7BC6B0
500
#4DB294
600
#3E8E77
700
#31725F
800
#26594A
900
#1F4238
950
#142A23

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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