#4ECCD0

#4ECCD0

Color Values

HEX

#4ECCD0

RGB

78, 204, 208

HSL

181.8, 58.0%, 56.1%

HSV

181.8, 62.5%, 81.6%

CMYK

62.5%, 1.9%, 0.0%, 18.4%

OKLCH

0.7778 0.1096 198.1

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#4ECCD0

#D0524E

Analogous

#4ED093

#4E8BD0

#4ECCD0

Triadic

#4ECCD0

#D04ECC

#CCD04E

Split Complementary

#4ECCD0

#D04E8B

#D0934E

Tetradic

#4ECCD0

#934ED0

#D0524E

#8BD04E

Color Blindness Simulation

Original

#4ECCD0

Protanopia

#8586CF

Deuteranopia

#7D74CF

Tritanopia

#54CECE

Achromatopsia

#B2B2B2

CSS Usage

background-color: #4ECCD0;
color: #4ECCD0;
border-color: #4ECCD0;
Nearest Tailwind: Cyan 300 #67E8F9

Tailwind Shades

50
#F4FBFB
100
#E4F5F6
200
#C7EFF0
300
#9EE3E5
400
#6AD4D7
500
#36C5C9
600
#2B9EA1
700
#227E81
800
#1B6365
900
#17484A
950
#0F2E2F

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

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