#4AF8E3

#4AF8E3

Color Values

HEX

#4AF8E3

RGB

74, 248, 227

HSL

172.8, 92.6%, 63.1%

HSV

172.8, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 8.5%, 2.7%

OKLCH

0.8874 0.1415 183.2

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4AF8E3

#F84A5F

Analogous

#4AF88C

#4AB6F8

#4AF8E3

Triadic

#4AF8E3

#E34AF8

#F8E34A

Split Complementary

#4AF8E3

#F84AB6

#F88C4A

Tetradic

#4AF8E3

#8C4AF8

#F84A5F

#B6F84A

Color Blindness Simulation

Original

#4AF8E3

Protanopia

#9597E8

Deuteranopia

#8B7EE9

Tritanopia

#53ECED

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BAFCF4
300
#89FAED
400
#49F8E3
500
#09F6D9
600
#08C4AE
700
#069D8B
800
#057B6D
900
#08594F
950
#053832

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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