#603985

#603985

Color Values

HEX

#603985

RGB

96, 57, 133

HSL

270.8, 40.0%, 37.3%

HSV

270.8, 57.1%, 52.2%

CMYK

27.8%, 57.1%, 0.0%, 47.8%

OKLCH

0.4281 0.1254 305.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#603985

#5E8539

Analogous

#3A3985

#853984

#603985

Triadic

#603985

#856039

#398560

Split Complementary

#603985

#848539

#39853A

Tetradic

#603985

#853A39

#5E8539

#398485

Color Blindness Simulation

Original

#603985

Protanopia

#4F4F73

Deuteranopia

#51546E

Tritanopia

#5E6461

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DCCDEA
300
#C2A9DA
400
#A27BC6
500
#814CB2
600
#673D8F
700
#523172
800
#402659
900
#311F42
950
#1F142A

Contrast Checker

Text on white

8.67:1

AA Pass AAA Pass

Text on black

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