#7CC5B3

#7CC5B3

Color Values

HEX

#7CC5B3

RGB

124, 197, 179

HSL

165.2, 38.6%, 62.9%

HSV

165.2, 37.1%, 77.3%

CMYK

37.1%, 0.0%, 9.1%, 22.7%

OKLCH

0.7702 0.078 176.7

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7CC5B3

#C57C8E

Analogous

#7CC58E

#7CB2C5

#7CC5B3

Triadic

#7CC5B3

#B37CC5

#C5B37C

Split Complementary

#7CC5B3

#C57CB2

#C58E7C

Tetradic

#7CC5B3

#8E7CC5

#C57C8E

#B2C57C

Color Blindness Simulation

Original

#7CC5B3

Protanopia

#9C9CB7

Deuteranopia

#9792B8

Tritanopia

#80BBBC

Achromatopsia

#B4B4B4

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F0
200
#CEE9E2
300
#AAD9CE
400
#7CC5B3
500
#4EB198
600
#3F8D7A
700
#327162
800
#27584C
900
#204139
950
#142924

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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