#4AD1DD

#4AD1DD

Color Values

HEX

#4AD1DD

RGB

74, 209, 221

HSL

184.9, 68.4%, 57.8%

HSV

184.9, 66.5%, 86.7%

CMYK

66.5%, 5.4%, 0.0%, 13.3%

OKLCH

0.7932 0.1154 203.6

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#4AD1DD

#DD564A

Analogous

#4ADD9F

#4A87DD

#4AD1DD

Triadic

#4AD1DD

#DD4AD1

#D1DD4A

Split Complementary

#4AD1DD

#DD4A87

#DD9F4A

Tetradic

#4AD1DD

#9F4ADD

#DD564A

#87DD4A

Color Blindness Simulation

Original

#4AD1DD

Protanopia

#8486DA

Deuteranopia

#7D72D9

Tritanopia

#51D8D7

Achromatopsia

#B5B5B5

CSS Usage

background-color: #4AD1DD;
color: #4AD1DD;
border-color: #4AD1DD;
Nearest Tailwind: Cyan 400 #22D3EE

Tailwind Shades

50
#F3FBFC
100
#E3F6F8
200
#C3F0F4
300
#98E5EC
400
#60D7E1
500
#28C8D7
600
#20A0AC
700
#1A8089
800
#14646B
900
#13494E
950
#0C2E31

Contrast Checker

Text on white

1.83:1

AA Fail AAA Fail

Text on black

11.46:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026