#7DC4AF

#7DC4AF

Color Values

HEX

#7DC4AF

RGB

125, 196, 175

HSL

162.3, 37.6%, 62.9%

HSV

162.3, 36.2%, 76.9%

CMYK

36.2%, 0.0%, 10.7%, 23.1%

OKLCH

0.7673 0.0781 173.5

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7DC4AF

#C47D92

Analogous

#7DC48B

#7DB5C4

#7DC4AF

Triadic

#7DC4AF

#AF7DC4

#C4AF7D

Split Complementary

#7DC4AF

#C47DB5

#C48B7D

Tetradic

#7DC4AF

#8B7DC4

#C47D92

#B5C47D

Color Blindness Simulation

Original

#7DC4AF

Protanopia

#9C9CB4

Deuteranopia

#9892B5

Tritanopia

#81B8B9

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EF
200
#CEE9E1
300
#ABD9CB
400
#7DC4AF
500
#50AF93
600
#408C76
700
#33705E
800
#28584A
900
#204137
950
#142923

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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