#AAA1CF

#AAA1CF

Color Values

HEX

#AAA1CF

RGB

170, 161, 207

HSL

251,7, 32,4%, 72,2%

HSV

251,7, 22,2%, 81,2%

CMYK

17,9%, 22,2%, 0,0%, 18,8%

OKLCH

0,7325 0,0665 293,7

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#AAA1CF

#C6CFA1

Analogous

#A1AFCF

#C1A1CF

#AAA1CF

Triadic

#AAA1CF

#CFAAA1

#A1CFAA

Split Complementary

#AAA1CF

#CFC1A1

#AFCFA1

Tetradic

#AAA1CF

#CFA1AF

#C6CFA1

#A1CFC1

Color Blindness Simulation

Original

#AAA1CF

Protanopia

#A6A6C4

Deuteranopia

#A7A7C1

Tritanopia

#AABBB9

Achromatopsia

#A6A6A6

CSS Usage

background-color: #AAA1CF;
color: #AAA1CF;
border-color: #AAA1CF;
Nearest Tailwind: Violet 300 #C4B5FD

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E7
300
#B6AED6
400
#8E82BF
500
#6656A9
600
#524587
700
#41376C
800
#332B54
900
#28223F
950
#191628

Contrast Checker

Text on white

2,41:1

AA Fail AAA Fail

Text on black

8,71: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