#604FB0

#604FB0

Color Values

HEX

#604FB0

RGB

96, 79, 176

HSL

250.5, 38.0%, 50.0%

HSV

250.5, 55.1%, 69.0%

CMYK

45.5%, 55.1%, 0.0%, 31.0%

OKLCH

0.4953 0.1484 287.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#604FB0

#9FB04F

Analogous

#4F6FB0

#904FB0

#604FB0

Triadic

#604FB0

#B0604F

#4FB060

Split Complementary

#604FB0

#B0904F

#6FB04F

Tetradic

#604FB0

#B04F6F

#9FB04F

#4FB090

Color Blindness Simulation

Original

#604FB0

Protanopia

#595899

Deuteranopia

#5A5B93

Tritanopia

#5F8682

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CEE9
300
#B3ABD9
400
#897DC5
500
#604FB0
600
#4D3F8D
700
#3D3371
800
#302858
900
#262041
950
#181429

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

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