#7ECBA3

#7ECBA3

Color Values

HEX

#7ECBA3

RGB

126, 203, 163

HSL

148.8, 42.5%, 64.5%

HSV

148.8, 37.9%, 79.6%

CMYK

37.9%, 0.0%, 19.7%, 20.4%

OKLCH

0.7809 0.0962 160.4

Properties

Cool Light Nearest: mediumaquamarine

Color Harmonies

Complementary

#7ECBA3

#CB7EA6

Analogous

#80CB7E

#7ECBC9

#7ECBA3

Triadic

#7ECBA3

#A37ECB

#CBA37E

Split Complementary

#7ECBA3

#C97ECB

#CB7E80

Tetradic

#7ECBA3

#7E80CB

#CB7EA6

#CBC97E

Color Blindness Simulation

Original

#7ECBA3

Protanopia

#9FA0AD

Deuteranopia

#9B95AF

Tritanopia

#82B4B6

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4ED
200
#CCEADB
300
#A8DCC1
400
#79C99F
500
#49B67D
600
#3B9164
700
#2F7450
800
#255B3F
900
#1E4330
950
#132A1E

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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