#59308F

#59308F

Color Values

HEX

#59308F

RGB

89, 48, 143

HSL

265.9, 49.7%, 37.5%

HSV

265.9, 66.4%, 56.1%

CMYK

37.8%, 66.4%, 0.0%, 43.9%

OKLCH

0.4132 0.1501 299.6

Properties

Cool Dark Nearest: rebeccapurple

Color Harmonies

Complementary

#59308F

#668F30

Analogous

#30378F

#89308F

#59308F

Triadic

#59308F

#8F5930

#308F59

Split Complementary

#59308F

#8F8930

#378F30

Tetradic

#59308F

#8F3037

#668F30

#308F89

Color Blindness Simulation

Original

#59308F

Protanopia

#474778

Deuteranopia

#4A4D72

Tritanopia

#576662

Achromatopsia

#404040

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#ECE6F5
200
#D9CAED
300
#BEA3E0
400
#9A72D0
500
#7740BF
600
#5F3399
700
#4C297A
800
#3B205F
900
#2D1B46
950
#1D112C

Contrast Checker

Text on white

9.36:1

AA Pass AAA Pass

Text on black

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