#AADFD4

#AADFD4

Color Values

HEX

#AADFD4

RGB

170, 223, 212

HSL

167.5, 45.3%, 77.1%

HSV

167.5, 23.8%, 87.5%

CMYK

23.8%, 0.0%, 4.9%, 12.5%

OKLCH

0.8638 0.0566 180.7

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#AADFD4

#DFAAB5

Analogous

#AADFBA

#AAD0DF

#AADFD4

Triadic

#AADFD4

#D4AADF

#DFD4AA

Split Complementary

#AADFD4

#DFAAD0

#DFBAAA

Tetradic

#AADFD4

#BAAADF

#DFAAB5

#D0DFAA

Color Blindness Simulation

Original

#AADFD4

Protanopia

#C1C1D7

Deuteranopia

#BEBAD7

Tritanopia

#ADD9D9

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4FAF9
100
#E6F4F1
200
#CBEBE5
300
#A6DED2
400
#76CBBA
500
#46B9A1
600
#389481
700
#2D7767
800
#235D51
900
#1D443C
950
#122B26

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

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