#4AF8F6

#4AF8F6

Color Values

HEX

#4AF8F6

RGB

74, 248, 246

HSL

179.3, 92.6%, 63.1%

HSV

179.3, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 0.8%, 2.7%

OKLCH

0.8934 0.1372 193.8

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#4AF8F6

#F84A4C

Analogous

#4AF89F

#4AA3F8

#4AF8F6

Triadic

#4AF8F6

#F64AF8

#F8F64A

Split Complementary

#4AF8F6

#F84AA3

#F89F4A

Tetradic

#4AF8F6

#9F4AF8

#F84A4C

#A3F84A

Color Blindness Simulation

Original

#4AF8F6

Protanopia

#9597F6

Deuteranopia

#8B7EF7

Tritanopia

#53F7F7

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFC
300
#89FAF9
400
#49F8F6
500
#09F6F3
600
#08C4C2
700
#069D9B
800
#057B79
900
#085958
950
#053838

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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