#603F80

#603F80

Color Values

HEX

#603F80

RGB

96, 63, 128

HSL

270.5, 34.0%, 37.5%

HSV

270.5, 50.8%, 50.2%

CMYK

25.0%, 50.8%, 0.0%, 49.8%

OKLCH

0.4352 0.1086 305.8

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#603F80

#5F803F

Analogous

#403F80

#803F80

#603F80

Triadic

#603F80

#80603F

#3F8060

Split Complementary

#603F80

#80803F

#3F8040

Tetradic

#603F80

#80403F

#5F803F

#3F8080

Color Blindness Simulation

Original

#603F80

Protanopia

#525170

Deuteranopia

#54566C

Tritanopia

#5E6461

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#EDE8F2
200
#DCCFE7
300
#C2ADD7
400
#A181C1
500
#8054AB
600
#674389
700
#52366D
800
#402A55
900
#31223F
950
#1F1528

Contrast Checker

Text on white

8.33:1

AA Pass AAA Pass

Text on black

2.52:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026