#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