#604F7E

#604F7E

Color Values

HEX

#604F7E

RGB

96, 79, 126

HSL

261.7, 22.9%, 40.2%

HSV

261.7, 37.3%, 49.4%

CMYK

23.8%, 37.3%, 0.0%, 50.6%

OKLCH

0.4646 0.0769 300.1

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#604F7E

#6D7E4F

Analogous

#4F567E

#774F7E

#604F7E

Triadic

#604F7E

#7E604F

#4F7E60

Split Complementary

#604F7E

#7E774F

#567E4F

Tetradic

#604F7E

#7E4F56

#6D7E4F

#4F7E77

Color Blindness Simulation

Original

#604F7E

Protanopia

#595873

Deuteranopia

#5A5B70

Tritanopia

#5F6A68

Achromatopsia

#565656

CSS Usage

background-color: #604F7E;
color: #604F7E;
border-color: #604F7E;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D9D3E3
300
#BEB4D0
400
#9B8BB6
500
#77629D
600
#604F7D
700
#4C3F64
800
#3C314E
900
#2E263A
950
#1D1825

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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