#AB86D6

#AB86D6

Color Values

HEX

#AB86D6

RGB

171, 134, 214

HSL

267.7, 49.4%, 68.2%

HSV

267.7, 37.4%, 83.9%

CMYK

20.1%, 37.4%, 0.0%, 16.1%

OKLCH

0.6855 0.1208 304.7

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AB86D6

#B1D686

Analogous

#8689D6

#D386D6

#AB86D6

Triadic

#AB86D6

#D6AB86

#86D6AB

Split Complementary

#AB86D6

#D6D386

#89D686

Tetradic

#AB86D6

#D68689

#B1D686

#86D6D3

Color Blindness Simulation

Original

#AB86D6

Protanopia

#9B9BC3

Deuteranopia

#9DA0BE

Tritanopia

#A9B3B0

Achromatopsia

#949494

CSS Usage

background-color: #AB86D6;
color: #AB86D6;
border-color: #AB86D6;
Nearest Tailwind: Violet 400 #A78BFA

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DACAED
300
#BFA4E0
400
#9D72CF
500
#7B41BE
600
#623498
700
#4F297A
800
#3D205F
900
#2F1B46
950
#1E112C

Contrast Checker

Text on white

2.95:1

AA Fail AAA Fail

Text on black

7.11: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