#AAD4CA

#AAD4CA

Color Values

HEX

#AAD4CA

RGB

170, 212, 202

HSL

165.7, 32.8%, 74.9%

HSV

165.7, 19.8%, 83.1%

CMYK

19.8%, 0.0%, 4.7%, 16.9%

OKLCH

0.8371 0.0463 179.0

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#AAD4CA

#D4AAB4

Analogous

#AAD4B5

#AAC9D4

#AAD4CA

Triadic

#AAD4CA

#CAAAD4

#D4CAAA

Split Complementary

#AAD4CA

#D4AAC9

#D4B5AA

Tetradic

#AAD4CA

#B5AAD4

#D4AAB4

#C9D4AA

Color Blindness Simulation

Original

#AAD4CA

Protanopia

#BCBDCC

Deuteranopia

#BAB7CD

Tritanopia

#ACCECF

Achromatopsia

#CACACA

CSS Usage

background-color: #AAD4CA;
color: #AAD4CA;
border-color: #AAD4CA;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F5F9F8
100
#E8F2F0
200
#D0E7E1
300
#AED6CC
400
#82C0B1
500
#56A995
600
#458778
700
#376C60
800
#2B554B
900
#223F38
950
#162823

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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