#7EC1C3

#7EC1C3

Color Values

HEX

#7EC1C3

RGB

126, 193, 195

HSL

181.7, 36.5%, 62.9%

HSV

181.7, 35.4%, 76.5%

CMYK

35.4%, 1.0%, 0.0%, 23.5%

OKLCH

0.767 0.0679 198.2

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7EC1C3

#C3807E

Analogous

#7EC3A2

#7E9EC3

#7EC1C3

Triadic

#7EC1C3

#C37EC1

#C1C37E

Split Complementary

#7EC1C3

#C37E9E

#C3A27E

Tetradic

#7EC1C3

#A27EC3

#C3807E

#9EC37E

Color Blindness Simulation

Original

#7EC1C3

Protanopia

#9B9CC3

Deuteranopia

#9792C2

Tritanopia

#81C2C2

Achromatopsia

#B3B3B3

CSS Usage

background-color: #7EC1C3;
color: #7EC1C3;
border-color: #7EC1C3;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE8E8
300
#ABD7D8
400
#7EC1C3
500
#51ABAE
600
#41898B
700
#346E6F
800
#285657
900
#213F40
950
#152829

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