#4AF8E7

#4AF8E7

Color Values

HEX

#4AF8E7

RGB

74, 248, 231

HSL

174.1, 92.6%, 63.1%

HSV

174.1, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 6.9%, 2.7%

OKLCH

0.8886 0.1402 185.4

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#4AF8E7

#F84A5B

Analogous

#4AF890

#4AB2F8

#4AF8E7

Triadic

#4AF8E7

#E74AF8

#F8E74A

Split Complementary

#4AF8E7

#F84AB2

#F8904A

Tetradic

#4AF8E7

#904AF8

#F84A5B

#B2F84A

Color Blindness Simulation

Original

#4AF8E7

Protanopia

#9597EB

Deuteranopia

#8B7EEC

Tritanopia

#53EEEF

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BAFCF6
300
#89FAEF
400
#49F8E7
500
#09F6DE
600
#08C4B2
700
#069D8E
800
#057B6F
900
#085951
950
#053833

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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