#AED2ED

#AED2ED

Color Values

HEX

#AED2ED

RGB

174, 210, 237

HSL

205.7, 63.6%, 80.6%

HSV

205.7, 26.6%, 92.9%

CMYK

26.6%, 11.4%, 0.0%, 7.1%

OKLCH

0.8466 0.0538 240.7

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#AED2ED

#EDC9AE

Analogous

#AEEDE8

#AEB3ED

#AED2ED

Triadic

#AED2ED

#EDAED2

#D2EDAE

Split Complementary

#AED2ED

#EDAEB3

#EDE8AE

Tetradic

#AED2ED

#E8AEED

#EDC9AE

#B3EDAE

Color Blindness Simulation

Original

#AED2ED

Protanopia

#BEBEE6

Deuteranopia

#BCB9E5

Tritanopia

#B0E1E0

Achromatopsia

#CCCCCC

CSS Usage

background-color: #AED2ED;
color: #AED2ED;
border-color: #AED2ED;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F8FB
100
#E4EFF7
200
#C5DFF2
300
#9BC7E9
400
#65A9DD
500
#2E8BD1
600
#256FA7
700
#1E5985
800
#174668
900
#15344C
950
#0D2130

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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