#4AD7D3

#4AD7D3

Color Values

HEX

#4AD7D3

RGB

74, 215, 211

HSL

178.3, 63.8%, 56.7%

HSV

178.3, 65.6%, 84.3%

CMYK

65.6%, 0.0%, 1.9%, 15.7%

OKLCH

0.804 0.1187 192.3

Properties

Cool Light Nearest: mediumturquoise

Color Harmonies

Complementary

#4AD7D3

#D74A4E

Analogous

#4AD78D

#4A95D7

#4AD7D3

Triadic

#4AD7D3

#D34AD7

#D7D34A

Split Complementary

#4AD7D3

#D74A95

#D78D4A

Tetradic

#4AD7D3

#8D4AD7

#D74A4E

#95D74A

Color Blindness Simulation

Original

#4AD7D3

Protanopia

#8788D4

Deuteranopia

#7F74D4

Tritanopia

#51D5D5

Achromatopsia

#B9B9B9

CSS Usage

background-color: #4AD7D3;
color: #4AD7D3;
border-color: #4AD7D3;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FBFB
100
#E3F7F6
200
#C5F2F1
300
#9BE9E7
400
#64DDD9
500
#2ED1CC
600
#25A7A3
700
#1E8683
800
#176866
900
#154C4B
950
#0D302F

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.95:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026