#AADEE3

#AADEE3

Color Values

HEX

#AADEE3

RGB

170, 222, 227

HSL

185.3, 50.4%, 77.8%

HSV

185.3, 25.1%, 89.0%

CMYK

25.1%, 2.2%, 0.0%, 11.0%

OKLCH

0.8662 0.0538 203.6

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#AADEE3

#E3AFAA

Analogous

#AAE3CB

#AAC1E3

#AADEE3

Triadic

#AADEE3

#E3AADE

#DEE3AA

Split Complementary

#AADEE3

#E3AAC1

#E3CBAA

Tetradic

#AADEE3

#CBAAE3

#E3AFAA

#C1E3AA

Color Blindness Simulation

Original

#AADEE3

Protanopia

#C1C1E2

Deuteranopia

#BEBAE1

Tritanopia

#ADE1E1

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9EAED
300
#A3DBE1
400
#71C8D0
500
#3FB4C0
600
#339099
700
#28737B
800
#205A60
900
#1A4346
950
#112A2C

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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