#AADFE6

#AADFE6

Color Values

HEX

#AADFE6

RGB

170, 223, 230

HSL

187.0, 54.5%, 78.4%

HSV

187.0, 26.1%, 90.2%

CMYK

26.1%, 3.0%, 0.0%, 9.8%

OKLCH

0.8693 0.0552 206.3

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#AADFE6

#E6B1AA

Analogous

#AAE6CF

#AAC1E6

#AADFE6

Triadic

#AADFE6

#E6AADF

#DFE6AA

Split Complementary

#AADFE6

#E6AAC1

#E6CFAA

Tetradic

#AADFE6

#CFAAE6

#E6B1AA

#C1E6AA

Color Blindness Simulation

Original

#AADFE6

Protanopia

#C1C1E4

Deuteranopia

#BEBAE4

Tritanopia

#ADE3E3

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F3F5
200
#C8EAEF
300
#A0DBE3
400
#6DC8D4
500
#3AB5C5
600
#2E919E
700
#25747E
800
#1D5A62
900
#194348
950
#102A2E

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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