#654561

#654561

Color Values

HEX

#654561

RGB

101, 69, 97

HSL

307.5, 18.8%, 33.3%

HSV

307.5, 31.7%, 39.6%

CMYK

0.0%, 31.7%, 4.0%, 60.4%

OKLCH

0.4363 0.0608 331.0

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#654561

#456549

Analogous

#594565

#654551

#654561

Triadic

#654561

#616545

#456165

Split Complementary

#654561

#516545

#456559

Tetradic

#654561

#655945

#456549

#455165

Color Blindness Simulation

Original

#654561

Protanopia

#57575A

Deuteranopia

#595B59

Tritanopia

#635554

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAEF
200
#E2D5E0
300
#CDB6CA
400
#B28FAE
500
#976891
600
#795374
700
#61425D
800
#4C3449
900
#392837
950
#241922

Contrast Checker

Text on white

8.15:1

AA Pass AAA Pass

Text on black

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