#AB5EEB

#AB5EEB

Color Values

HEX

#AB5EEB

RGB

171, 94, 235

HSL

272.8, 77.9%, 64.5%

HSV

272.8, 60.0%, 92.2%

CMYK

27.2%, 60.0%, 0.0%, 7.8%

OKLCH

0.6338 0.2086 306.5

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AB5EEB

#9EEB5E

Analogous

#655EEB

#EB5EE4

#AB5EEB

Triadic

#AB5EEB

#EBAB5E

#5EEBAB

Split Complementary

#AB5EEB

#E4EB5E

#5EEB65

Tetradic

#AB5EEB

#EB655E

#9EEB5E

#5EE4EB

Color Blindness Simulation

Original

#AB5EEB

Protanopia

#8A89C9

Deuteranopia

#8E94C1

Tritanopia

#A7AEA8

Achromatopsia

#797979

CSS Usage

background-color: #AB5EEB;
color: #AB5EEB;
border-color: #AB5EEB;
Nearest Tailwind: Purple 500 #A855F7

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DEBFF7
300
#C692F1
400
#A857EA
500
#891CE3
600
#6D17B5
700
#581291
800
#440E71
900
#340E52
950
#210934

Contrast Checker

Text on white

3.8:1

AA Fail AAA Fail

Text on black

5.53:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026