#511669

#511669

Color Values

HEX

#511669

RGB

81, 22, 105

HSL

282.7, 65.4%, 24.9%

HSV

282.7, 79.0%, 41.2%

CMYK

22.9%, 79.0%, 0.0%, 58.8%

OKLCH

0.3402 0.1401 313.9

Properties

Cool Dark Nearest: darkorchid 4

Color Harmonies

Complementary

#511669

#2E6916

Analogous

#281669

#691657

#511669

Triadic

#511669

#695116

#166951

Split Complementary

#511669

#576916

#166928

Tetradic

#511669

#692816

#2E6916

#165769

Color Blindness Simulation

Original

#511669

Protanopia

#373755

Deuteranopia

#3B3F50

Tritanopia

#4E4542

Achromatopsia

#292929

CSS Usage

background-color: #511669;
color: #511669;
border-color: #511669;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F9F3FC
100
#F1E3F7
200
#E5C4F3
300
#D39AEA
400
#BB63DE
500
#A32CD3
600
#8223A9
700
#681C87
800
#511669
900
#3D144D
950
#260D31

Contrast Checker

Text on white

12.59:1

AA Pass AAA Pass

Text on black

1.67: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