#604686

#604686

Color Values

HEX

#604686

RGB

96, 70, 134

HSL

264.4, 31.4%, 40.0%

HSV

264.4, 47.8%, 52.5%

CMYK

28.4%, 47.8%, 0.0%, 47.5%

OKLCH

0.4515 0.1045 301.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#604686

#6C8646

Analogous

#464C86

#804686

#604686

Triadic

#604686

#866046

#468660

Split Complementary

#604686

#868046

#4C8646

Tetradic

#604686

#86464C

#6C8646

#468680

Color Blindness Simulation

Original

#604686

Protanopia

#555577

Deuteranopia

#565873

Tritanopia

#5F6A68

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#ECE8F2
200
#D9D0E7
300
#BEAFD5
400
#9B83BE
500
#7857A8
600
#604686
700
#4D386B
800
#3C2C54
900
#2E233E
950
#1D1627

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

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