#AB5CE6

#AB5CE6

Color Values

HEX

#AB5CE6

RGB

171, 92, 230

HSL

274.3, 73.4%, 63.1%

HSV

274.3, 60.0%, 90.2%

CMYK

25.7%, 60.0%, 0.0%, 9.8%

OKLCH

0.628 0.206 307.9

Properties

Cool Light Nearest: mediumorchid

Color Harmonies

Complementary

#AB5CE6

#97E65C

Analogous

#665CE6

#E65CDC

#AB5CE6

Triadic

#AB5CE6

#E6AB5C

#5CE6AB

Split Complementary

#AB5CE6

#DCE65C

#5CE666

Tetradic

#AB5CE6

#E6665C

#97E65C

#5CDCE6

Color Blindness Simulation

Original

#AB5CE6

Protanopia

#8988C5

Deuteranopia

#8D93BD

Tritanopia

#A7AAA4

Achromatopsia

#777777

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EFE2F8
200
#DFC1F6
300
#C895EF
400
#AB5BE6
500
#8D22DD
600
#711BB1
700
#5A168D
800
#46116F
900
#351050
950
#210A33

Contrast Checker

Text on white

3.89:1

AA Fail AAA Fail

Text on black

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