#511180

#511180

Color Values

HEX

#511180

RGB

81, 17, 128

HSL

274.6, 76.6%, 28.4%

HSV

274.6, 86.7%, 50.2%

CMYK

36.7%, 86.7%, 0.0%, 49.8%

OKLCH

0.3555 0.1678 304.7

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#511180

#408011

Analogous

#191180

#801177

#511180

Triadic

#511180

#805111

#118051

Split Complementary

#511180

#778011

#118019

Tetradic

#511180

#801911

#408011

#117780

Color Blindness Simulation

Original

#511180

Protanopia

#353565

Deuteranopia

#393E5F

Tritanopia

#4E504B

Achromatopsia

#272727

CSS Usage

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

Tailwind Shades

50
#F8F2FC
100
#EFE2F9
200
#DFC0F7
300
#C993F1
400
#AC58E9
500
#8E1EE1
600
#7218B4
700
#5B1390
800
#470F71
900
#360F52
950
#220A34

Contrast Checker

Text on white

12.06:1

AA Pass AAA Pass

Text on black

1.74:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026