#4DF4DD

#4DF4DD

Color Values

HEX

#4DF4DD

RGB

77, 244, 221

HSL

171.7, 88.4%, 62.9%

HSV

171.7, 68.4%, 95.7%

CMYK

68.4%, 0.0%, 9.4%, 4.3%

OKLCH

0.8768 0.139 181.8

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4DF4DD

#F44D64

Analogous

#4DF489

#4DB8F4

#4DF4DD

Triadic

#4DF4DD

#DD4DF4

#F4DD4D

Split Complementary

#4DF4DD

#F44DB8

#F4894D

Tetradic

#4DF4DD

#894DF4

#F44D64

#B8F44D

Color Blindness Simulation

Original

#4DF4DD

Protanopia

#9597E3

Deuteranopia

#8C7FE4

Tritanopia

#55E7E8

Achromatopsia

#CFCFCF

CSS Usage

background-color: #4DF4DD;
color: #4DF4DD;
border-color: #4DF4DD;
Nearest Tailwind: Teal 300 #5EEAD4

Tailwind Shades

50
#F2FDFC
100
#E0FBF7
200
#BCFBF2
300
#8CF8E9
400
#4DF4DD
500
#0FF0D1
600
#0CC0A7
700
#099A86
800
#077869
900
#0A574C
950
#063730

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.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