#4AF7F4

#4AF7F4

Color Values

HEX

#4AF7F4

RGB

74, 247, 244

HSL

179.0, 91.5%, 62.9%

HSV

179.0, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 1.2%, 3.1%

OKLCH

0.8904 0.1367 193.2

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#4AF7F4

#F74A4D

Analogous

#4AF79E

#4AA3F7

#4AF7F4

Triadic

#4AF7F4

#F44AF7

#F7F44A

Split Complementary

#4AF7F4

#F74AA3

#F79E4A

Tetradic

#4AF7F4

#9E4AF7

#F74A4D

#A3F74A

Color Blindness Simulation

Original

#4AF7F4

Protanopia

#9596F5

Deuteranopia

#8B7EF5

Tritanopia

#53F5F5

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BBFCFB
300
#8AFAF8
400
#4AF7F4
500
#0BF4F0
600
#09C3C0
700
#079C9A
800
#057A78
900
#095857
950
#053837

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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