#593C83

#593C83

Color Values

HEX

#593C83

RGB

89, 60, 131

HSL

264.5, 37.2%, 37.5%

HSV

264.5, 54.2%, 51.4%

CMYK

32.1%, 54.2%, 0.0%, 48.6%

OKLCH

0.4239 0.116 300.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#593C83

#66833C

Analogous

#3C4383

#7D3C83

#593C83

Triadic

#593C83

#83593C

#3C8359

Split Complementary

#593C83

#837D3C

#43833C

Tetradic

#593C83

#833C43

#66833C

#3C837D

Color Blindness Simulation

Original

#593C83

Protanopia

#4C4C72

Deuteranopia

#4E506E

Tritanopia

#586461

Achromatopsia

#474747

CSS Usage

background-color: #593C83;
color: #593C83;
border-color: #593C83;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#ECE8F3
200
#D9CEE9
300
#BEABD9
400
#9A7EC4
500
#7750AF
600
#5F408C
700
#4C3370
800
#3B2857
900
#2D2041
950
#1D1429

Contrast Checker

Text on white

8.75:1

AA Pass AAA Pass

Text on black

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