#604DC1

#604DC1

Color Values

HEX

#604DC1

RGB

96, 77, 193

HSL

249.8, 48.3%, 52.9%

HSV

249.8, 60.1%, 75.7%

CMYK

50.3%, 60.1%, 0.0%, 24.3%

OKLCH

0.5042 0.1739 285.8

Properties

Cool Dark Nearest: slateblue 3

Color Harmonies

Complementary

#604DC1

#AEC14D

Analogous

#4D74C1

#9A4DC1

#604DC1

Triadic

#604DC1

#C1604D

#4DC160

Split Complementary

#604DC1

#C19A4D

#74C14D

Tetradic

#604DC1

#C14D74

#AEC14D

#4DC19A

Color Blindness Simulation

Original

#604DC1

Protanopia

#5858A5

Deuteranopia

#595A9E

Tritanopia

#5F8F8A

Achromatopsia

#595959

CSS Usage

background-color: #604DC1;
color: #604DC1;
border-color: #604DC1;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CAED
300
#AEA4DF
400
#8273CE
500
#5642BD
600
#453597
700
#372A79
800
#2B215F
900
#221B46
950
#16112C

Contrast Checker

Text on white

6.31:1

AA Pass AAA Fail

Text on black

3.33:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026