#4AF8F4

#4AF8F4

Color Values

HEX

#4AF8F4

RGB

74, 248, 244

HSL

178.6, 92.6%, 63.1%

HSV

178.6, 70.2%, 97.3%

CMYK

70.2%, 0.0%, 1.6%, 2.7%

OKLCH

0.8927 0.1374 192.7

Properties

Cool Light Nearest: cyan 2

Color Harmonies

Complementary

#4AF8F4

#F84A4E

Analogous

#4AF89D

#4AA5F8

#4AF8F4

Triadic

#4AF8F4

#F44AF8

#F8F44A

Split Complementary

#4AF8F4

#F84AA5

#F89D4A

Tetradic

#4AF8F4

#9D4AF8

#F84A4E

#A5F84A

Color Blindness Simulation

Original

#4AF8F4

Protanopia

#9597F5

Deuteranopia

#8B7EF5

Tritanopia

#53F6F6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFCFB
300
#89FAF8
400
#49F8F4
500
#09F6F0
600
#08C4C0
700
#069D9A
800
#057B78
900
#085957
950
#053837

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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