#654471

#654471

Color Values

HEX

#654471

RGB

101, 68, 113

HSL

284.0, 24.9%, 35.5%

HSV

284.0, 39.8%, 44.3%

CMYK

10.6%, 39.8%, 0.0%, 55.7%

OKLCH

0.4418 0.0818 316.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#654471

#507144

Analogous

#4F4471

#714467

#654471

Triadic

#654471

#716544

#447165

Split Complementary

#654471

#677144

#44714F

Tetradic

#654471

#714F44

#507144

#446771

Color Blindness Simulation

Original

#654471

Protanopia

#575666

Deuteranopia

#595B64

Tritanopia

#635E5C

Achromatopsia

#4E4E4E

CSS Usage

background-color: #654471;
color: #654471;
border-color: #654471;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD2E4
300
#C9B3D1
400
#AC89B8
500
#8E609F
600
#724D7F
700
#5B3D66
800
#473050
900
#36263B
950
#221825

Contrast Checker

Text on white

8.02:1

AA Pass AAA Pass

Text on black

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