#654463

#654463

Color Values

HEX

#654463

RGB

101, 68, 99

HSL

303.6, 19.5%, 33.1%

HSV

303.6, 32.7%, 39.6%

CMYK

0.0%, 32.7%, 2.0%, 60.4%

OKLCH

0.4352 0.065 328.7

Properties

Warm Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#654463

#446546

Analogous

#564465

#654452

#654463

Triadic

#654463

#636544

#446365

Split Complementary

#654463

#526544

#446556

Tetradic

#654463

#655644

#446546

#445265

Color Blindness Simulation

Original

#654463

Protanopia

#57565C

Deuteranopia

#595B5A

Tritanopia

#635654

Achromatopsia

#4D4D4D

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F0EAF0
200
#E2D4E1
300
#CEB6CC
400
#B38EB1
500
#986795
600
#7A5278
700
#624260
800
#4C334B
900
#392838
950
#241923

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

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