#654064

#654064

Color Values

HEX

#654064

RGB

101, 64, 100

HSL

301.6, 22.4%, 32.4%

HSV

301.6, 36.6%, 39.6%

CMYK

0.0%, 36.6%, 1.0%, 60.4%

OKLCH

0.428 0.0742 327.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#654064

#406541

Analogous

#544065

#654052

#654064

Triadic

#654064

#646540

#406465

Split Complementary

#654064

#526540

#406554

Tetradic

#654064

#655440

#406541

#405265

Color Blindness Simulation

Original

#654064

Protanopia

#55555B

Deuteranopia

#575A59

Tritanopia

#635453

Achromatopsia

#4A4A4A

CSS Usage

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

Tailwind Shades

50
#F9F6F9
100
#F1EAF0
200
#E3D3E3
300
#D0B4CF
400
#B68CB5
500
#9C639B
600
#7D4F7C
700
#643F63
800
#4E314D
900
#3A273A
950
#251824

Contrast Checker

Text on white

8.5:1

AA Pass AAA Pass

Text on black

2.47:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026