#AA90DF

#AA90DF

Color Values

HEX

#AA90DF

RGB

170, 144, 223

HSL

259.7, 55.2%, 72.0%

HSV

259.7, 35.4%, 87.5%

CMYK

23.8%, 35.4%, 0.0%, 12.5%

OKLCH

0.7069 0.1159 298.5

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AA90DF

#C5DF90

Analogous

#909EDF

#D190DF

#AA90DF

Triadic

#AA90DF

#DFAA90

#90DFAA

Split Complementary

#AA90DF

#DFD190

#9EDF90

Tetradic

#AA90DF

#DF909E

#C5DF90

#90DFD1

Color Blindness Simulation

Original

#AA90DF

Protanopia

#9F9FCC

Deuteranopia

#A0A2C7

Tritanopia

#A9BDB9

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EAE5F6
200
#D5C8EF
300
#B6A0E4
400
#8F6DD5
500
#6739C6
600
#532E9E
700
#42257F
800
#341D63
900
#281849
950
#190F2E

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.76:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026