#7EC3AE

#7EC3AE

Color Values

HEX

#7EC3AE

RGB

126, 195, 174

HSL

161.7, 36.5%, 62.9%

HSV

161.7, 35.4%, 76.5%

CMYK

35.4%, 0.0%, 10.8%, 23.5%

OKLCH

0.7652 0.0765 173.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7EC3AE

#C37E93

Analogous

#7EC38B

#7EB5C3

#7EC3AE

Triadic

#7EC3AE

#AE7EC3

#C3AE7E

Split Complementary

#7EC3AE

#C37EB5

#C38B7E

Tetradic

#7EC3AE

#8B7EC3

#C37E93

#B5C37E

Color Blindness Simulation

Original

#7EC3AE

Protanopia

#9C9CB3

Deuteranopia

#9893B4

Tritanopia

#81B7B8

Achromatopsia

#B3B3B3

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE8E0
300
#ABD8CB
400
#7EC3AE
500
#51AE92
600
#418B75
700
#346F5D
800
#285749
900
#214037
950
#152923

Contrast Checker

Text on white

2.04:1

AA Fail AAA Fail

Text on black

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