#511181

#511181

Color Values

HEX

#511181

RGB

81, 17, 129

HSL

274,3, 76,7%, 28,6%

HSV

274,3, 86,8%, 50,6%

CMYK

37,2%, 86,8%, 0,0%, 49,4%

OKLCH

0,3564 0,1688 304,3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#511181

#418111

Analogous

#191181

#811179

#511181

Triadic

#511181

#815111

#118151

Split Complementary

#511181

#798111

#118119

Tetradic

#511181

#811911

#418111

#117981

Color Blindness Simulation

Original

#511181

Protanopia

#353566

Deuteranopia

#393E5F

Tritanopia

#4E504C

Achromatopsia

#272727

CSS Usage

background-color: #511181;
color: #511181;
border-color: #511181;
Nearest Tailwind: Purple 900 #581C87

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#DFC0F7
300
#C993F1
400
#AB58E9
500
#8E1EE1
600
#7118B4
700
#5B1390
800
#470F71
900
#350F52
950
#220934

Contrast Checker

Text on white

12,02:1

AA Pass AAA Pass

Text on black

1,75: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