#AECDF9

#AECDF9

Color Values

HEX

#AECDF9

RGB

174, 205, 249

HSL

215,2, 86,2%, 82,9%

HSV

215,2, 30,1%, 97,6%

CMYK

30,1%, 17,7%, 0,0%, 2,4%

OKLCH

0,8407 0,0704 257,1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#AECDF9

#F9DAAE

Analogous

#AEF2F9

#B4AEF9

#AECDF9

Triadic

#AECDF9

#F9AECD

#CDF9AE

Split Complementary

#AECDF9

#F9B4AE

#F2F9AE

Tetradic

#AECDF9

#F9AEF2

#F9DAAE

#AEF9B4

Color Blindness Simulation

Original

#AECDF9

Protanopia

#BBBCEE

Deuteranopia

#BAB7EC

Tritanopia

#B0E6E4

Achromatopsia

#CACACA

CSS Usage

background-color: #AECDF9;
color: #AECDF9;
border-color: #AECDF9;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F6FD
100
#E0EBFA
200
#BDD6FA
300
#8DB9F7
400
#4F93F2
500
#126CED
600
#0E57BE
700
#0B4598
800
#093677
900
#0B2A56
950
#071A36

Contrast Checker

Text on white

1,63:1

AA Fail AAA Fail

Text on black

12,9: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