#4FF2DD

#4FF2DD

Color Values

HEX

#4FF2DD

RGB

79, 242, 221

HSL

172.3, 86.2%, 62.9%

HSV

172.3, 67.4%, 94.9%

CMYK

67.4%, 0.0%, 8.7%, 5.1%

OKLCH

0.8725 0.1363 182.8

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4FF2DD

#F24F64

Analogous

#4FF28B

#4FB5F2

#4FF2DD

Triadic

#4FF2DD

#DD4FF2

#F2DD4F

Split Complementary

#4FF2DD

#F24FB5

#F28B4F

Tetradic

#4FF2DD

#8B4FF2

#F24F64

#B5F24F

Color Blindness Simulation

Original

#4FF2DD

Protanopia

#9697E2

Deuteranopia

#8C80E3

Tritanopia

#57E6E7

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BDFAF2
300
#8DF7E9
400
#4FF2DD
500
#12EDD1
600
#0EBEA7
700
#0B9886
800
#097769
900
#0B564C
950
#073630

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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