#AA70AB

#AA70AB

Color Values

HEX

#AA70AB

RGB

170, 112, 171

HSL

299.0, 26.0%, 55.5%

HSV

299.0, 34.5%, 67.1%

CMYK

0.6%, 34.5%, 0.0%, 32.9%

OKLCH

0.6264 0.1086 326.2

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AA70AB

#71AB70

Analogous

#8D70AB

#AB708F

#AA70AB

Triadic

#AA70AB

#ABAA70

#70ABAA

Split Complementary

#AA70AB

#8FAB70

#70AB8D

Tetradic

#AA70AB

#AB8D70

#71AB70

#708FAB

Color Blindness Simulation

Original

#AA70AB

Protanopia

#91909D

Deuteranopia

#949999

Tritanopia

#A7918F

Achromatopsia

#818181

CSS Usage

background-color: #AA70AB;
color: #AA70AB;
border-color: #AA70AB;
Nearest Tailwind: Fuchsia 300 #F0ABFC

Tailwind Shades

50
#F9F6F9
100
#F1E9F1
200
#E4D2E5
300
#D1B2D2
400
#B888B9
500
#A05EA1
600
#804B81
700
#663C67
800
#502F50
900
#3B253C
950
#261726

Contrast Checker

Text on white

3.74:1

AA Fail AAA Fail

Text on black

5.61:1

AA Pass AAA Fail

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