#654C61

#654C61

Color Values

HEX

#654C61

RGB

101, 76, 97

HSL

309.6, 14.1%, 34.7%

HSV

309.6, 24.8%, 39.6%

CMYK

0.0%, 24.8%, 4.0%, 60.4%

OKLCH

0.4504 0.0464 331.9

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#654C61

#4C6550

Analogous

#5C4C65

#654C54

#654C61

Triadic

#654C61

#61654C

#4C6165

Split Complementary

#654C61

#54654C

#4C655C

Tetradic

#654C61

#655C4C

#4C6550

#4C5465

Color Blindness Simulation

Original

#654C61

Protanopia

#5A5A5C

Deuteranopia

#5C5D5B

Tritanopia

#645857

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EFEBEF
200
#E0D6DF
300
#CAB9C8
400
#AE93AA
500
#916E8C
600
#745870
700
#5D4659
800
#493746
900
#372A35
950
#221B21

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

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