#591F96

#591F96

Color Values

HEX

#591F96

RGB

89, 31, 150

HSL

269.2, 65.7%, 35.5%

HSV

269.2, 79.3%, 58.8%

CMYK

40.7%, 79.3%, 0.0%, 41.2%

OKLCH

0.3981 0.1788 300.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#591F96

#5C961F

Analogous

#1F2196

#941F96

#591F96

Triadic

#591F96

#96591F

#1F9659

Split Complementary

#591F96

#96941F

#21961F

Tetradic

#591F96

#961F21

#5C961F

#1F9694

Color Blindness Simulation

Original

#591F96

Protanopia

#403F79

Deuteranopia

#434872

Tritanopia

#56625D

Achromatopsia

#343434

CSS Usage

background-color: #591F96;
color: #591F96;
border-color: #591F96;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F3FC
100
#EDE3F7
200
#DBC4F3
300
#C19AEA
400
#9F63DF
500
#7D2CD3
600
#6423A9
700
#501C87
800
#3F166A
900
#30144D
950
#1E0D31

Contrast Checker

Text on white

10.19:1

AA Pass AAA Pass

Text on black

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