#4AF8DC

#4AF8DC

Color Values

HEX

#4AF8DC

RGB

74, 248, 220

HSL

170.3, 92.6%, 63.1%

HSV

170.3, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 11.3%, 2.7%

OKLCH

0.8854 0.1444 179.6

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#4AF8DC

#F84A66

Analogous

#4AF885

#4ABDF8

#4AF8DC

Triadic

#4AF8DC

#DC4AF8

#F8DC4A

Split Complementary

#4AF8DC

#F84ABD

#F8854A

Tetradic

#4AF8DC

#854AF8

#F84A66

#BDF84A

Color Blindness Simulation

Original

#4AF8DC

Protanopia

#9597E3

Deuteranopia

#8B7EE4

Tritanopia

#53E8E9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF7
200
#BAFCF2
300
#89FAE8
400
#49F8DC
500
#09F6CF
600
#08C4A6
700
#069D85
800
#057B68
900
#08594C
950
#053830

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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