#AECFFD

#AECFFD

Color Values

HEX

#AECFFD

RGB

174, 207, 253

HSL

214.9, 95.2%, 83.7%

HSV

214.9, 31.2%, 99.2%

CMYK

31.2%, 18.2%, 0.0%, 0.8%

OKLCH

0.8463 0.0738 256.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#AECFFD

#FDDCAE

Analogous

#AEF7FD

#B4AEFD

#AECFFD

Triadic

#AECFFD

#FDAECF

#CFFDAE

Split Complementary

#AECFFD

#FDB4AE

#F7FDAE

Tetradic

#AECFFD

#FDAEF7

#FDDCAE

#AEFDB4

Color Blindness Simulation

Original

#AECFFD

Protanopia

#BCBDF2

Deuteranopia

#BAB8EF

Tritanopia

#B0E9E7

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEBFC
200
#B9D6FD
300
#88B8FC
400
#4792FA
500
#066CF9
600
#0556C7
700
#04459F
800
#03367C
900
#072A5A
950
#041A39

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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