#AAA8D4

#AAA8D4

Color Values

HEX

#AAA8D4

RGB

170, 168, 212

HSL

242.7, 33.8%, 74.5%

HSV

242.7, 20.8%, 83.1%

CMYK

19.8%, 20.8%, 0.0%, 16.9%

OKLCH

0.7484 0.0629 286.9

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AAA8D4

#D2D4A8

Analogous

#A8BCD4

#C0A8D4

#AAA8D4

Triadic

#AAA8D4

#D4AAA8

#A8D4AA

Split Complementary

#AAA8D4

#D4C0A8

#BCD4A8

Tetradic

#AAA8D4

#D4A8BC

#D2D4A8

#A8D4C0

Color Blindness Simulation

Original

#AAA8D4

Protanopia

#A9A9C9

Deuteranopia

#A9A9C7

Tritanopia

#AAC1BF

Achromatopsia

#ACACAC

CSS Usage

background-color: #AAA8D4;
color: #AAA8D4;
border-color: #AAA8D4;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F5F5FA
100
#E8E8F2
200
#D0CFE7
300
#AFADD6
400
#8481C1
500
#5854AB
600
#474488
700
#39366D
800
#2C2A55
900
#23223F
950
#161528

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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