#604651

#604651

Color Values

HEX

#604651

RGB

96, 70, 81

HSL

334.6, 15.7%, 32.5%

HSV

334.6, 27.1%, 37.6%

CMYK

0.0%, 27.1%, 15.6%, 62.4%

OKLCH

0.426 0.0392 351.7

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#604651

#466055

Analogous

#60465E

#604846

#604651

Triadic

#604651

#516046

#465160

Split Complementary

#604651

#466048

#465E60

Tetradic

#604651

#5E6046

#466055

#484660

Color Blindness Simulation

Original

#604651

Protanopia

#55554E

Deuteranopia

#56584E

Tritanopia

#5F4C4C

Achromatopsia

#4C4C4C

CSS Usage

background-color: #604651;
color: #604651;
border-color: #604651;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F8F6F7
100
#F0EBED
200
#E1D6DA
300
#CBB8C0
400
#AF929E
500
#946B7C
600
#765664
700
#5E4550
800
#4A363E
900
#372A2F
950
#231A1E

Contrast Checker

Text on white

8.43:1

AA Pass AAA Pass

Text on black

2.49:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026