#654B59

#654B59

Color Values

HEX

#654B59

RGB

101, 75, 89

HSL

327.7, 14.8%, 34.5%

HSV

327.7, 25.7%, 39.6%

CMYK

0.0%, 25.7%, 11.9%, 60.4%

OKLCH

0.4453 0.0409 345.3

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#654B59

#4B6557

Analogous

#644B65

#654B4C

#654B59

Triadic

#654B59

#59654B

#4B5965

Split Complementary

#654B59

#4C654B

#4B6564

Tetradic

#654B59

#65644B

#4B6557

#4B4C65

Color Blindness Simulation

Original

#654B59

Protanopia

#5A5A56

Deuteranopia

#5B5D55

Tritanopia

#645352

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F8F6F7
100
#EFEBED
200
#E1D6DC
300
#CBB9C2
400
#AF93A2
500
#926D81
600
#755767
700
#5E4653
800
#493640
900
#372A31
950
#231B1F

Contrast Checker

Text on white

7.77:1

AA Pass AAA Pass

Text on black

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