#AED9DF

#AED9DF

Color Values

HEX

#AED9DF

RGB

174, 217, 223

HSL

187.3, 43.4%, 77.8%

HSV

187.3, 22.0%, 87.5%

CMYK

22.0%, 2.7%, 0.0%, 12.5%

OKLCH

0.8567 0.0456 206.8

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#AED9DF

#DFB4AE

Analogous

#AEDFCC

#AEC0DF

#AED9DF

Triadic

#AED9DF

#DFAED9

#D9DFAE

Split Complementary

#AED9DF

#DFAEC0

#DFCCAE

Tetradic

#AED9DF

#CCAEDF

#DFB4AE

#C0DFAE

Color Blindness Simulation

Original

#AED9DF

Protanopia

#C1C1DE

Deuteranopia

#BEBBDD

Tritanopia

#B0DCDC

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F4
200
#CCE7EB
300
#A7D6DC
400
#78C0CA
500
#48A9B7
600
#3A8792
700
#2E6C75
800
#24555B
900
#1E3F43
950
#13282B

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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