#604B85

#604B85

Color Values

HEX

#604B85

RGB

96, 75, 133

HSL

261.7, 27.9%, 40.8%

HSV

261.7, 43.6%, 52.2%

CMYK

27.8%, 43.6%, 0.0%, 47.8%

OKLCH

0.4605 0.0943 299.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#604B85

#70854B

Analogous

#4B5385

#7D4B85

#604B85

Triadic

#604B85

#85604B

#4B8560

Split Complementary

#604B85

#857D4B

#53854B

Tetradic

#604B85

#854B53

#70854B

#4B857D

Color Blindness Simulation

Original

#604B85

Protanopia

#575777

Deuteranopia

#585A74

Tritanopia

#5F6C69

Achromatopsia

#545454

CSS Usage

background-color: #604B85;
color: #604B85;
border-color: #604B85;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D9D1E5
300
#BDB1D3
400
#9986BB
500
#765CA3
600
#5E4A82
700
#4B3B68
800
#3B2E52
900
#2D243D
950
#1C1726

Contrast Checker

Text on white

7.39:1

AA Pass AAA Pass

Text on black

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