#9AD4D2

#9AD4D2

Color Values

HEX

#9AD4D2

RGB

154, 212, 210

HSL

177.9, 40.3%, 71.8%

HSV

177.9, 27.4%, 83.1%

CMYK

27.4%, 0.0%, 0.9%, 16.9%

OKLCH

0.8298 0.0594 193.4

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#9AD4D2

#D49A9C

Analogous

#9AD4B5

#9AB9D4

#9AD4D2

Triadic

#9AD4D2

#D29AD4

#D4D29A

Split Complementary

#9AD4D2

#D49AB9

#D4B59A

Tetradic

#9AD4D2

#B59AD4

#D49A9C

#B9D49A

Color Blindness Simulation

Original

#9AD4D2

Protanopia

#B3B4D2

Deuteranopia

#B0ABD3

Tritanopia

#9DD3D3

Achromatopsia

#C8C8C8

CSS Usage

background-color: #9AD4D2;
color: #9AD4D2;
border-color: #9AD4D2;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F5FAFA
100
#E7F3F3
200
#CDEAE9
300
#A9DAD9
400
#7BC7C4
500
#4CB3AF
600
#3D8F8C
700
#317270
800
#265958
900
#1F4241
950
#142A29

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

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