#AADBD3

#AADBD3

Color Values

HEX

#AADBD3

RGB

170, 219, 211

HSL

170.2, 40.5%, 76.3%

HSV

170.2, 22.4%, 85.9%

CMYK

22.4%, 0.0%, 3.7%, 14.1%

OKLCH

0.8549 0.052 184.0

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#AADBD3

#DBAAB2

Analogous

#AADBBB

#AACBDB

#AADBD3

Triadic

#AADBD3

#D3AADB

#DBD3AA

Split Complementary

#AADBD3

#DBAACB

#DBBBAA

Tetradic

#AADBD3

#BBAADB

#DBAAB2

#CBDBAA

Color Blindness Simulation

Original

#AADBD3

Protanopia

#BFC0D5

Deuteranopia

#BCB9D5

Tritanopia

#ACD6D7

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E7F3F1
200
#CDEAE5
300
#A9DBD2
400
#7AC7BA
500
#4CB3A2
600
#3D8F82
700
#317368
800
#265A51
900
#1F423C
950
#132A26

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

13.78:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026