#7EC0C3

#7EC0C3

Color Values

HEX

#7EC0C3

RGB

126, 192, 195

HSL

182.6, 36.5%, 62.9%

HSV

182.6, 35.4%, 76.5%

CMYK

35.4%, 1.5%, 0.0%, 23.5%

OKLCH

0.7647 0.0671 199.5

Properties

Cool Light Nearest: cadetblue 3

Color Harmonies

Complementary

#7EC0C3

#C3817E

Analogous

#7EC3A3

#7E9DC3

#7EC0C3

Triadic

#7EC0C3

#C37EC0

#C0C37E

Split Complementary

#7EC0C3

#C37E9D

#C3A37E

Tetradic

#7EC0C3

#A37EC3

#C3817E

#9DC37E

Color Blindness Simulation

Original

#7EC0C3

Protanopia

#9B9BC2

Deuteranopia

#9792C2

Tritanopia

#81C2C2

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F2F3
200
#CEE7E8
300
#ABD6D8
400
#7EC0C3
500
#51AAAE
600
#41888B
700
#346D6F
800
#285557
900
#213F40
950
#152829

Contrast Checker

Text on white

2.06:1

AA Fail AAA Fail

Text on black

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