#59407C

#59407C

Color Values

HEX

#59407C

RGB

89, 64, 124

HSL

265.0, 31.9%, 36.9%

HSV

265.0, 48.4%, 48.6%

CMYK

28.2%, 48.4%, 0.0%, 51.4%

OKLCH

0.4268 0.0995 301.6

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#59407C

#637C40

Analogous

#40457C

#77407C

#59407C

Triadic

#59407C

#7C5940

#407C59

Split Complementary

#59407C

#7C7740

#457C40

Tetradic

#59407C

#7C4045

#637C40

#407C77

Color Blindness Simulation

Original

#59407C

Protanopia

#4E4E6D

Deuteranopia

#50526A

Tritanopia

#586260

Achromatopsia

#4A4A4A

CSS Usage

background-color: #59407C;
color: #59407C;
border-color: #59407C;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E7
300
#BFAED5
400
#9C83BF
500
#7957A8
600
#614587
700
#4D386C
800
#3C2B54
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

8.57:1

AA Pass AAA Pass

Text on black

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