#7CC5B0

#7CC5B0

Color Values

HEX

#7CC5B0

RGB

124, 197, 176

HSL

162.7, 38.6%, 62.9%

HSV

162.7, 37.1%, 77.3%

CMYK

37.1%, 0.0%, 10.7%, 22.7%

OKLCH

0.7693 0.0796 173.9

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7CC5B0

#C57C91

Analogous

#7CC58B

#7CB5C5

#7CC5B0

Triadic

#7CC5B0

#B07CC5

#C5B07C

Split Complementary

#7CC5B0

#C57CB5

#C58B7C

Tetradic

#7CC5B0

#8B7CC5

#C57C91

#B5C57C

Color Blindness Simulation

Original

#7CC5B0

Protanopia

#9C9CB5

Deuteranopia

#9792B6

Tritanopia

#80B9BA

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3F0
200
#CEE9E1
300
#AAD9CC
400
#7CC5B0
500
#4EB194
600
#3F8D77
700
#32715F
800
#27584A
900
#204138
950
#142923

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

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