#653673

#653673

Color Values

HEX

#653673

RGB

101, 54, 115

HSL

286.2, 36.1%, 33.1%

HSV

286.2, 53.0%, 45.1%

CMYK

12.2%, 53.0%, 0.0%, 54.9%

OKLCH

0.4182 0.1107 318.0

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#653673

#447336

Analogous

#463673

#733662

#653673

Triadic

#653673

#736536

#367365

Split Complementary

#653673

#627336

#367346

Tetradic

#653673

#734636

#447336

#366273

Color Blindness Simulation

Original

#653673

Protanopia

#515064

Deuteranopia

#535761

Tritanopia

#635956

Achromatopsia

#444444

CSS Usage

background-color: #653673;
color: #653673;
border-color: #653673;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F5FA
100
#F0E8F3
200
#E2CEE8
300
#CEACD8
400
#B37FC3
500
#9851AE
600
#7A418B
700
#62346F
800
#4C2957
900
#392140
950
#241529

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

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