#AB84D6

#AB84D6

Color Values

HEX

#AB84D6

RGB

171, 132, 214

HSL

268.5, 50.0%, 67.8%

HSV

268.5, 38.3%, 83.9%

CMYK

20.1%, 38.3%, 0.0%, 16.1%

OKLCH

0.6819 0.1242 305.2

Properties

Cool Light Nearest: NCS S 1040-R60B Orchid

Color Harmonies

Complementary

#AB84D6

#AFD684

Analogous

#8486D6

#D484D6

#AB84D6

Triadic

#AB84D6

#D6AB84

#84D6AB

Split Complementary

#AB84D6

#D6D484

#86D684

Tetradic

#AB84D6

#D68486

#AFD684

#84D6D4

Color Blindness Simulation

Original

#AB84D6

Protanopia

#9A9AC2

Deuteranopia

#9C9FBD

Tritanopia

#A9B2AF

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DAC9ED
300
#C0A3E0
400
#9E71D0
500
#7C40BF
600
#633399
700
#50297A
800
#3E2060
900
#2F1B46
950
#1E112C

Contrast Checker

Text on white

3.0:1

AA Fail AAA Fail

Text on black

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