#5101AC

#5101AC

Color Values

HEX

#5101AC

RGB

81, 1, 172

HSL

268.1, 98.8%, 33.9%

HSV

268.1, 99.4%, 67.5%

CMYK

52.9%, 99.4%, 0.0%, 32.5%

OKLCH

0.3916 0.2177 292.4

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#5101AC

#5CAC01

Analogous

#0106AC

#A601AC

#5101AC

Triadic

#5101AC

#AC5101

#01AC51

Split Complementary

#5101AC

#ACA601

#06AC01

Tetradic

#5101AC

#AC0106

#5CAC01

#01ACA6

Color Blindness Simulation

Original

#5101AC

Protanopia

#2E2E83

Deuteranopia

#333979

Tritanopia

#4D625B

Achromatopsia

#1E1E1E

CSS Usage

background-color: #5101AC;
color: #5101AC;
border-color: #5101AC;
Nearest Tailwind: Violet 800 #5B21B6

Tailwind Shades

50
#F7F1FE
100
#ECDEFC
200
#D9B8FF
300
#BE85FE
400
#9B43FE
500
#7802FD
600
#6001CB
700
#4C01A2
800
#3C017F
900
#2E055C
950
#1D033A

Contrast Checker

Text on white

10.77:1

AA Pass AAA Pass

Text on black

1.95:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026