#AEC8DC

#AEC8DC

Color Values

HEX

#AEC8DC

RGB

174, 200, 220

HSL

206.1, 39.7%, 77.3%

HSV

206.1, 20.9%, 86.3%

CMYK

20.9%, 9.1%, 0.0%, 13.7%

OKLCH

0.8199 0.0399 241.1

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#AEC8DC

#DCC2AE

Analogous

#AEDCD9

#AEB1DC

#AEC8DC

Triadic

#AEC8DC

#DCAEC8

#C8DCAE

Split Complementary

#AEC8DC

#DCAEB1

#DCD9AE

Tetradic

#AEC8DC

#D9AEDC

#DCC2AE

#B1DCAE

Color Blindness Simulation

Original

#AEC8DC

Protanopia

#B9B9D7

Deuteranopia

#B8B6D6

Tritanopia

#AFD3D2

Achromatopsia

#C4C4C4

CSS Usage

background-color: #AEC8DC;
color: #AEC8DC;
border-color: #AEC8DC;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC5DA
400
#7BA6C6
500
#4D86B2
600
#3E6B8E
700
#315672
800
#264359
900
#1F3342
950
#14202A

Contrast Checker

Text on white

1.74:1

AA Fail AAA Fail

Text on black

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