#AECAD7

#AECAD7

Color Values

HEX

#AECAD7

RGB

174, 202, 215

HSL

199.0, 33.9%, 76.3%

HSV

199.0, 19.1%, 84.3%

CMYK

19.1%, 6.0%, 0.0%, 15.7%

OKLCH

0.8224 0.0353 227.5

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#AECAD7

#D7BBAE

Analogous

#AED7D0

#AEB6D7

#AECAD7

Triadic

#AECAD7

#D7AECA

#CAD7AE

Split Complementary

#AECAD7

#D7AEB6

#D7D0AE

Tetradic

#AECAD7

#D0AED7

#D7BBAE

#B6D7AE

Color Blindness Simulation

Original

#AECAD7

Protanopia

#BABAD4

Deuteranopia

#B8B6D3

Tritanopia

#AFD1D1

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE0E7
300
#ADC9D7
400
#81ACC1
500
#548FAB
600
#437389
700
#365C6D
800
#2A4855
900
#22363F
950
#152228

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

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