#AECBF7

#AECBF7

Color Values

HEX

#AECBF7

RGB

174, 203, 247

HSL

216.2, 82.0%, 82.5%

HSV

216.2, 29.6%, 96.9%

CMYK

29.6%, 17.8%, 0.0%, 3.1%

OKLCH

0.8358 0.0695 258.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#AECBF7

#F7DAAE

Analogous

#AEEFF7

#B5AEF7

#AECBF7

Triadic

#AECBF7

#F7AECB

#CBF7AE

Split Complementary

#AECBF7

#F7B5AE

#EFF7AE

Tetradic

#AECBF7

#F7AEEF

#F7DAAE

#AEF7B5

Color Blindness Simulation

Original

#AECBF7

Protanopia

#BBBBEC

Deuteranopia

#B9B7EA

Tritanopia

#AFE4E2

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E1EBFA
200
#BED5F9
300
#90B7F4
400
#5391EE
500
#176AE8
600
#1255BA
700
#0F4495
800
#0B3574
900
#0D2954
950
#081A35

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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