#4AF7E1

#4AF7E1

Color Values

HEX

#4AF7E1

RGB

74, 247, 225

HSL

172.4, 91.5%, 62.9%

HSV

172.4, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 8.9%, 3.1%

OKLCH

0.8845 0.1414 182.6

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4AF7E1

#F74A60

Analogous

#4AF78A

#4AB6F7

#4AF7E1

Triadic

#4AF7E1

#E14AF7

#F7E14A

Split Complementary

#4AF7E1

#F74AB6

#F78A4A

Tetradic

#4AF7E1

#8A4AF7

#F74A60

#B6F74A

Color Blindness Simulation

Original

#4AF7E1

Protanopia

#9596E6

Deuteranopia

#8B7EE8

Tritanopia

#53EBEB

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BBFCF4
300
#8AFAEC
400
#4AF7E1
500
#0BF4D7
600
#09C3AC
700
#079C89
800
#057A6B
900
#09584E
950
#053831

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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