#AB85C6

#AB85C6

Color Values

HEX

#AB85C6

RGB

171, 133, 198

HSL

275.1, 36.3%, 64.9%

HSV

275.1, 32.8%, 77.6%

CMYK

13.6%, 32.8%, 0.0%, 22.4%

OKLCH

0.6764 0.1022 310.5

Properties

Cool Light Nearest: Violet (Purple)

Color Harmonies

Complementary

#AB85C6

#A0C685

Analogous

#8B85C6

#C685C0

#AB85C6

Triadic

#AB85C6

#C6AB85

#85C6AB

Split Complementary

#AB85C6

#C0C685

#85C68B

Tetradic

#AB85C6

#C68B85

#A0C685

#85C0C6

Color Blindness Simulation

Original

#AB85C6

Protanopia

#9B9AB6

Deuteranopia

#9DA0B2

Tritanopia

#A9AAA7

Achromatopsia

#929292

CSS Usage

background-color: #AB85C6;
color: #AB85C6;
border-color: #AB85C6;
Nearest Tailwind: Purple 300 #D8B4FE

Tailwind Shades

50
#F8F5FA
100
#EEE8F3
200
#DECEE8
300
#C6ACD8
400
#A67EC3
500
#8751AE
600
#6C418B
700
#57346F
800
#442957
900
#332140
950
#201529

Contrast Checker

Text on white

3.04:1

AA Fail AAA Fail

Text on black

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