#AAA2BD

#AAA2BD

Color Values

HEX

#AAA2BD

RGB

170, 162, 189

HSL

257.8, 17.0%, 68.8%

HSV

257.8, 14.3%, 74.1%

CMYK

10.1%, 14.3%, 0.0%, 25.9%

OKLCH

0.7278 0.0395 299.0

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#AAA2BD

#B5BDA2

Analogous

#A2A7BD

#B7A2BD

#AAA2BD

Triadic

#AAA2BD

#BDAAA2

#A2BDAA

Split Complementary

#AAA2BD

#BDB7A2

#A7BDA2

Tetradic

#AAA2BD

#BDA2A7

#B5BDA2

#A2BDB7

Color Blindness Simulation

Original

#AAA2BD

Protanopia

#A7A6B6

Deuteranopia

#A7A8B5

Tritanopia

#AAB1B0

Achromatopsia

#A6A6A6

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D5E1
300
#BEB7CC
400
#9A91B1
500
#776A95
600
#5F5577
700
#4C445F
800
#3B354B
900
#2D2938
950
#1D1A23

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026