#AADADF

#AADADF

Color Values

HEX

#AADADF

RGB

170, 218, 223

HSL

185.7, 45.3%, 77.1%

HSV

185.7, 23.8%, 87.5%

CMYK

23.8%, 2.2%, 0.0%, 12.5%

OKLCH

0.8564 0.0502 204.2

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#AADADF

#DFAFAA

Analogous

#AADFCA

#AAC0DF

#AADADF

Triadic

#AADADF

#DFAADA

#DADFAA

Split Complementary

#AADADF

#DFAAC0

#DFCAAA

Tetradic

#AADADF

#CAAADF

#DFAFAA

#C0DFAA

Color Blindness Simulation

Original

#AADADF

Protanopia

#BFBFDE

Deuteranopia

#BCB8DE

Tritanopia

#ACDDDD

Achromatopsia

#D0D0D0

CSS Usage

background-color: #AADADF;
color: #AADADF;
border-color: #AADADF;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBE8EB
300
#A6D8DE
400
#76C3CB
500
#46AEB9
600
#388B94
700
#2D7077
800
#23575D
900
#1D4044
950
#12292B

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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