#654364

#654364

Color Values

HEX

#654364

RGB

101, 67, 100

HSL

301.8, 20.2%, 32.9%

HSV

301.8, 33.7%, 39.6%

CMYK

0.0%, 33.7%, 1.0%, 60.4%

OKLCH

0.4337 0.0682 327.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#654364

#436544

Analogous

#554365

#654353

#654364

Triadic

#654364

#646543

#436465

Split Complementary

#654364

#536543

#436555

Tetradic

#654364

#655543

#436544

#435365

Color Blindness Simulation

Original

#654364

Protanopia

#56565C

Deuteranopia

#585B5A

Tritanopia

#635654

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F0EAF0
200
#E3D4E2
300
#CEB5CD
400
#B48EB3
500
#996698
600
#7B5179
700
#624161
800
#4D334C
900
#392839
950
#241924

Contrast Checker

Text on white

8.27:1

AA Pass AAA Pass

Text on black

2.54:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026