#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

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026