#AEC8F4

#AEC8F4

Color Values

HEX

#AEC8F4

RGB

174, 200, 244

HSL

217.7, 76.1%, 82.0%

HSV

217.7, 28.7%, 95.7%

CMYK

28.7%, 18.0%, 0.0%, 4.3%

OKLCH

0.8285 0.0683 260.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AEC8F4

#F4DAAE

Analogous

#AEEBF4

#B7AEF4

#AEC8F4

Triadic

#AEC8F4

#F4AEC8

#C8F4AE

Split Complementary

#AEC8F4

#F4B7AE

#EBF4AE

Tetradic

#AEC8F4

#F4AEEB

#F4DAAE

#AEF4B7

Color Blindness Simulation

Original

#AEC8F4

Protanopia

#B9B9E9

Deuteranopia

#B8B6E7

Tritanopia

#AFE1DF

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D4F6
300
#93B6F0
400
#598EE8
500
#1E67E1
600
#1852B4
700
#144290
800
#0F3370
900
#0F2852
950
#0A1934

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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