#4AF7CC

#4AF7CC

Color Values

HEX

#4AF7CC

RGB

74, 247, 204

HSL

165.1, 91.5%, 62.9%

HSV

165.1, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 17.4%, 3.1%

OKLCH

0.8786 0.1519 172.2

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#4AF7CC

#F74A75

Analogous

#4AF775

#4ACBF7

#4AF7CC

Triadic

#4AF7CC

#CC4AF7

#F7CC4A

Split Complementary

#4AF7CC

#F74ACB

#F7754A

Tetradic

#4AF7CC

#754AF7

#F74A75

#CBF74A

Color Blindness Simulation

Original

#4AF7CC

Protanopia

#9596D6

Deuteranopia

#8B7ED9

Tritanopia

#53DFE0

Achromatopsia

#CFCFCF

CSS Usage

background-color: #4AF7CC;
color: #4AF7CC;
border-color: #4AF7CC;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F1FDFA
100
#DFFBF4
200
#BBFCEC
300
#8AFADE
400
#4AF7CC
500
#0BF4BA
600
#09C395
700
#079C77
800
#057A5D
900
#095845
950
#05382B

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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