#604DAA

#604DAA

Color Values

HEX

#604DAA

RGB

96, 77, 170

HSL

252.3, 37.7%, 48.4%

HSV

252.3, 54.7%, 66.7%

CMYK

43.5%, 54.7%, 0.0%, 33.3%

OKLCH

0.4875 0.1432 289.4

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#604DAA

#97AA4D

Analogous

#4D68AA

#8E4DAA

#604DAA

Triadic

#604DAA

#AA604D

#4DAA60

Split Complementary

#604DAA

#AA8E4D

#68AA4D

Tetradic

#604DAA

#AA4D68

#97AA4D

#4DAA8E

Color Blindness Simulation

Original

#604DAA

Protanopia

#585894

Deuteranopia

#595A8E

Tritanopia

#5F827E

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D3CEE9
300
#B4ABD9
400
#8C7DC4
500
#634FB0
600
#4F408C
700
#3F3370
800
#322858
900
#272041
950
#181429

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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