#AB6EDD

#AB6EDD

Color Values

HEX

#AB6EDD

RGB

171, 110, 221

HSL

273.0, 62.0%, 64.9%

HSV

273.0, 50.2%, 86.7%

CMYK

22.6%, 50.2%, 0.0%, 13.3%

OKLCH

0.6488 0.1689 307.7

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AB6EDD

#A0DD6E

Analogous

#746EDD

#DD6ED7

#AB6EDD

Triadic

#AB6EDD

#DDAB6E

#6EDDAB

Split Complementary

#AB6EDD

#D7DD6E

#6EDD74

Tetradic

#AB6EDD

#DD746E

#A0DD6E

#6ED7DD

Color Blindness Simulation

Original

#AB6EDD

Protanopia

#9190C2

Deuteranopia

#9499BC

Tritanopia

#A8ADA8

Achromatopsia

#838383

CSS Usage

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

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DEC5F1
300
#C69CE8
400
#A666DB
500
#8730CF
600
#6C27A5
700
#571F84
800
#441867
900
#33154B
950
#200E30

Contrast Checker

Text on white

3.5:1

AA Fail AAA Fail

Text on black

6.01:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026