#AB7DEB

#AB7DEB

Color Values

HEX

#AB7DEB

RGB

171, 125, 235

HSL

265.1, 73.3%, 70.6%

HSV

265.1, 46.8%, 92.2%

CMYK

27.2%, 46.8%, 0.0%, 7.8%

OKLCH

0.6806 0.162 301.5

Properties

Cool Light Nearest: mediumpurple 2

Color Harmonies

Complementary

#AB7DEB

#BDEB7D

Analogous

#7D86EB

#E27DEB

#AB7DEB

Triadic

#AB7DEB

#EBAB7D

#7DEBAB

Split Complementary

#AB7DEB

#EBE27D

#86EB7D

Tetradic

#AB7DEB

#EB7D86

#BDEB7D

#7DEBE2

Color Blindness Simulation

Original

#AB7DEB

Protanopia

#9797D0

Deuteranopia

#9A9DCA

Tritanopia

#A9BBB7

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7F3FC
100
#EBE2F8
200
#D7C1F5
300
#BA95EF
400
#955BE6
500
#7022DD
600
#5A1BB1
700
#48168D
800
#38116E
900
#2B1050
950
#1B0A33

Contrast Checker

Text on white

3.06:1

AA Fail AAA Fail

Text on black

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