#7EC4B9

#7EC4B9

Color Values

HEX

#7EC4B9

RGB

126, 196, 185

HSL

170.6, 37.2%, 63.1%

HSV

170.6, 35.7%, 76.9%

CMYK

35.7%, 0.0%, 5.6%, 23.1%

OKLCH

0.7707 0.0725 183.4

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#7EC4B9

#C47E89

Analogous

#7EC496

#7EACC4

#7EC4B9

Triadic

#7EC4B9

#B97EC4

#C4B97E

Split Complementary

#7EC4B9

#C47EAC

#C4967E

Tetradic

#7EC4B9

#967EC4

#C47E89

#ACC47E

Color Blindness Simulation

Original

#7EC4B9

Protanopia

#9C9DBC

Deuteranopia

#9893BC

Tritanopia

#82BEBE

Achromatopsia

#B4B4B4

CSS Usage

background-color: #7EC4B9;
color: #7EC4B9;
border-color: #7EC4B9;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE9E4
300
#ABD9D1
400
#7EC4B9
500
#50AFA0
600
#408C80
700
#337066
800
#285750
900
#20413C
950
#142926

Contrast Checker

Text on white

2.0:1

AA Fail AAA Fail

Text on black

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