#4ECAC6

#4ECAC6

Color Values

HEX

#4ECAC6

RGB

78, 202, 198

HSL

178.1, 53.9%, 54.9%

HSV

178.1, 61.4%, 79.2%

CMYK

61.4%, 0.0%, 2.0%, 20.8%

OKLCH

0.7696 0.1088 192.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#4ECAC6

#CA4E52

Analogous

#4ECA88

#4E90CA

#4ECAC6

Triadic

#4ECAC6

#C64ECA

#CAC64E

Split Complementary

#4ECAC6

#CA4E90

#CA884E

Tetradic

#4ECAC6

#884ECA

#CA4E52

#90CA4E

Color Blindness Simulation

Original

#4ECAC6

Protanopia

#8485C7

Deuteranopia

#7C73C7

Tritanopia

#54C8C8

Achromatopsia

#AFAFAF

CSS Usage

background-color: #4ECAC6;
color: #4ECAC6;
border-color: #4ECAC6;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C8EFED
300
#A1E3E1
400
#6ED4D0
500
#3BC4C0
600
#2F9D99
700
#267E7B
800
#1D6260
900
#194846
950
#102D2D

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

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