#A890DF

#A890DF

Color Values

HEX

#A890DF

RGB

168, 144, 223

HSL

258.2, 55.2%, 72.0%

HSV

258.2, 35.4%, 87.5%

CMYK

24.7%, 35.4%, 0.0%, 12.5%

OKLCH

0.7052 0.1156 297.3

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#A890DF

#C7DF90

Analogous

#90A0DF

#D090DF

#A890DF

Triadic

#A890DF

#DFA890

#90DFA8

Split Complementary

#A890DF

#DFD090

#A0DF90

Tetradic

#A890DF

#DF90A0

#C7DF90

#90DFD0

Color Blindness Simulation

Original

#A890DF

Protanopia

#9E9DCC

Deuteranopia

#9FA1C7

Tritanopia

#A7BDB9

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F6F4FB
100
#EAE5F6
200
#D4C8EF
300
#B5A0E4
400
#8C6DD5
500
#6439C6
600
#502E9E
700
#40257F
800
#321D63
900
#271849
950
#190F2E

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.72:1

AA Pass AAA Pass

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