#4AF7E2

#4AF7E2

Color Values

HEX

#4AF7E2

RGB

74, 247, 226

HSL

172,7, 91,5%, 62,9%

HSV

172,7, 70,0%, 96,9%

CMYK

70,0%, 0,0%, 8,5%, 3,1%

OKLCH

0,8848 0,141 183,2

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4AF7E2

#F74A5F

Analogous

#4AF78B

#4AB5F7

#4AF7E2

Triadic

#4AF7E2

#E24AF7

#F7E24A

Split Complementary

#4AF7E2

#F74AB5

#F78B4A

Tetradic

#4AF7E2

#8B4AF7

#F74A5F

#B5F74A

Color Blindness Simulation

Original

#4AF7E2

Protanopia

#9596E7

Deuteranopia

#8B7EE8

Tritanopia

#53EBEC

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BBFCF4
300
#8AFAEC
400
#4AF7E2
500
#0BF4D8
600
#09C3AD
700
#079C8A
800
#057A6C
900
#09584F
950
#053832

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,69: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