#4AF7D4

#4AF7D4

Color Values

HEX

#4AF7D4

RGB

74, 247, 212

HSL

167.9, 91.5%, 62.9%

HSV

167.9, 70.0%, 96.9%

CMYK

70.0%, 0.0%, 14.2%, 3.1%

OKLCH

0.8807 0.1473 176.0

Properties

Cool Light Nearest: aquamarine

Color Harmonies

Complementary

#4AF7D4

#F74A6D

Analogous

#4AF77D

#4AC3F7

#4AF7D4

Triadic

#4AF7D4

#D44AF7

#F7D44A

Split Complementary

#4AF7D4

#F74AC3

#F77D4A

Tetradic

#4AF7D4

#7D4AF7

#F74A6D

#C3F74A

Color Blindness Simulation

Original

#4AF7D4

Protanopia

#9596DC

Deuteranopia

#8B7EDE

Tritanopia

#53E3E5

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1FDFB
100
#DFFBF5
200
#BBFCEF
300
#8AFAE3
400
#4AF7D4
500
#0BF4C5
600
#09C39E
700
#079C7E
800
#057A63
900
#095848
950
#05382E

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

15.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026