#AB12ED

#AB12ED

Color Values

HEX

#AB12ED

RGB

171, 18, 237

HSL

281.9, 85.9%, 50.0%

HSV

281.9, 92.4%, 92.9%

CMYK

27.8%, 92.4%, 0.0%, 7.1%

OKLCH

0.5719 0.2807 310.8

Properties

Cool Dark Nearest: darkorchid 1

Color Harmonies

Complementary

#AB12ED

#54ED12

Analogous

#3D12ED

#ED12C2

#AB12ED

Triadic

#AB12ED

#EDAB12

#12EDAB

Split Complementary

#AB12ED

#C2ED12

#12ED3D

Tetradic

#AB12ED

#ED3D12

#54ED12

#12C2ED

Color Blindness Simulation

Original

#AB12ED

Protanopia

#6967B8

Deuteranopia

#727DAB

Tritanopia

#A38E85

Achromatopsia

#424242

CSS Usage

background-color: #AB12ED;
color: #AB12ED;
border-color: #AB12ED;
Nearest Tailwind: Purple 600 #9333EA

Tailwind Shades

50
#FAF2FD
100
#F2E0FA
200
#E7BDFA
300
#D78DF6
400
#C150F2
500
#AB12ED
600
#890EBE
700
#6D0C98
800
#550977
900
#3F0B56
950
#280736

Contrast Checker

Text on white

5.2:1

AA Pass AAA Fail

Text on black

4.04:1

AA Fail 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