#604DB7

#604DB7

Color Values

HEX

#604DB7

RGB

96, 77, 183

HSL

250.8, 42.4%, 51.0%

HSV

250.8, 57.9%, 71.8%

CMYK

47.5%, 57.9%, 0.0%, 28.2%

OKLCH

0.4968 0.1607 287.3

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#604DB7

#A4B74D

Analogous

#4D6FB7

#954DB7

#604DB7

Triadic

#604DB7

#B7604D

#4DB760

Split Complementary

#604DB7

#B7954D

#6FB74D

Tetradic

#604DB7

#B74D6F

#A4B74D

#4DB795

Color Blindness Simulation

Original

#604DB7

Protanopia

#58589D

Deuteranopia

#595A97

Tritanopia

#5F8985

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F4
200
#D2CCEA
300
#B1A8DC
400
#8779C9
500
#5D49B6
600
#4A3B91
700
#3B2F74
800
#2E255B
900
#251E43
950
#17132A

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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