#AB6CDB

#AB6CDB

Color Values

HEX

#AB6CDB

RGB

171, 108, 219

HSL

274,1, 60,7%, 64,1%

HSV

274,1, 50,7%, 85,9%

CMYK

21,9%, 50,7%, 0,0%, 14,1%

OKLCH

0,6446 0,1697 308,6

Properties

Cool Light Nearest: mediumpurple

Color Harmonies

Complementary

#AB6CDB

#9CDB6C

Analogous

#736CDB

#DB6CD3

#AB6CDB

Triadic

#AB6CDB

#DBAB6C

#6CDBAB

Split Complementary

#AB6CDB

#D3DB6C

#6CDB73

Tetradic

#AB6CDB

#DB736C

#9CDB6C

#6CD3DB

Color Blindness Simulation

Original

#AB6CDB

Protanopia

#908FC0

Deuteranopia

#9398BA

Tritanopia

#A8ABA6

Achromatopsia

#818181

CSS Usage

background-color: #AB6CDB;
color: #AB6CDB;
border-color: #AB6CDB;
Nearest Tailwind: Purple 400 #C084FC

Tailwind Shades

50
#F8F3FB
100
#EEE4F6
200
#DEC6F1
300
#C79DE7
400
#A867DA
500
#8A32CD
600
#6E28A4
700
#582083
800
#451966
900
#34164B
950
#210E2F

Contrast Checker

Text on white

3,56:1

AA Fail AAA Fail

Text on black

5,9:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Oca 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Oca 21, 2026
Tutorials

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

Oca 18, 2026