#654172

#654172

Color Values

HEX

#654172

RGB

101, 65, 114

HSL

284.1, 27.4%, 35.1%

HSV

284.1, 43.0%, 44.7%

CMYK

11.4%, 43.0%, 0.0%, 55.3%

OKLCH

0.4367 0.0889 316.7

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#654172

#4E7241

Analogous

#4D4172

#724167

#654172

Triadic

#654172

#726541

#417265

Split Complementary

#654172

#677241

#41724D

Tetradic

#654172

#724D41

#4E7241

#416772

Color Blindness Simulation

Original

#654172

Protanopia

#555566

Deuteranopia

#585A63

Tritanopia

#635D5B

Achromatopsia

#4C4C4C

CSS Usage

background-color: #654172;
color: #654172;
border-color: #654172;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#E0D2E5
300
#CAB1D3
400
#AD87BB
500
#905DA2
600
#734A82
700
#5C3B68
800
#482E51
900
#36253C
950
#221726

Contrast Checker

Text on white

8.23:1

AA Pass AAA Pass

Text on black

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