#604FB2

#604FB2

Color Values

HEX

#604FB2

RGB

96, 79, 178

HSL

250.3, 39.1%, 50.4%

HSV

250.3, 55.6%, 69.8%

CMYK

46.1%, 55.6%, 0.0%, 30.2%

OKLCH

0.4967 0.1512 287.5

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#604FB2

#A1B24F

Analogous

#4F70B2

#914FB2

#604FB2

Triadic

#604FB2

#B2604F

#4FB260

Split Complementary

#604FB2

#B2914F

#70B24F

Tetradic

#604FB2

#B24F70

#A1B24F

#4FB291

Color Blindness Simulation

Original

#604FB2

Protanopia

#59589A

Deuteranopia

#5A5B94

Tritanopia

#5F8783

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E7F3
200
#D2CDE9
300
#B2AADA
400
#887CC6
500
#5F4EB1
600
#4C3E8E
700
#3D3272
800
#2F2759
900
#251F41
950
#181429

Contrast Checker

Text on white

6.44:1

AA Pass AAA Fail

Text on black

3.26:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026