#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

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026