#7EC4AF

#7EC4AF

Color Values

HEX

#7EC4AF

RGB

126, 196, 175

HSL

162,0, 37,2%, 63,1%

HSV

162,0, 35,7%, 76,9%

CMYK

35,7%, 0,0%, 10,7%, 23,1%

OKLCH

0,7678 0,0773 173,2

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#7EC4AF

#C47E93

Analogous

#7EC48C

#7EB6C4

#7EC4AF

Triadic

#7EC4AF

#AF7EC4

#C4AF7E

Split Complementary

#7EC4AF

#C47EB6

#C48C7E

Tetradic

#7EC4AF

#8C7EC4

#C47E93

#B6C47E

Color Blindness Simulation

Original

#7EC4AF

Protanopia

#9C9DB4

Deuteranopia

#9893B5

Tritanopia

#82B8B9

Achromatopsia

#B4B4B4

CSS Usage

background-color: #7EC4AF;
color: #7EC4AF;
border-color: #7EC4AF;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F5FAF8
100
#E8F3EF
200
#CEE9E1
300
#ABD9CB
400
#7EC4AF
500
#50AF92
600
#408C75
700
#33705E
800
#285749
900
#204137
950
#142923

Contrast Checker

Text on white

2,02:1

AA Fail AAA Fail

Text on black

10,4:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026