#5121AB

#5121AB

Color Values

HEX

#5121AB

RGB

81, 33, 171

HSL

260.9, 67.6%, 40.0%

HSV

260.9, 80.7%, 67.1%

CMYK

52.6%, 80.7%, 0.0%, 32.9%

OKLCH

0.4106 0.1988 290.5

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#5121AB

#7BAB21

Analogous

#2136AB

#9621AB

#5121AB

Triadic

#5121AB

#AB5121

#21AB51

Split Complementary

#5121AB

#AB9621

#36AB21

Tetradic

#5121AB

#AB2136

#7BAB21

#21AB96

Color Blindness Simulation

Original

#5121AB

Protanopia

#3C3C8A

Deuteranopia

#3F4382

Tritanopia

#4F6F69

Achromatopsia

#353535

CSS Usage

background-color: #5121AB;
color: #5121AB;
border-color: #5121AB;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F6F3FC
100
#EAE3F7
200
#D4C3F3
300
#B598EB
400
#8D61E0
500
#6529D6
600
#5121AB
700
#411A89
800
#33156B
900
#28134E
950
#190C31

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

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