#654191

#654191

Color Values

HEX

#654191

RGB

101, 65, 145

HSL

267.0, 38.1%, 41.2%

HSV

267.0, 55.2%, 56.9%

CMYK

30.3%, 55.2%, 0.0%, 43.1%

OKLCH

0.455 0.1289 302.3

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#654191

#6D9141

Analogous

#414591

#8D4191

#654191

Triadic

#654191

#916541

#419165

Split Complementary

#654191

#918D41

#459141

Tetradic

#654191

#914145

#6D9141

#41918D

Color Blindness Simulation

Original

#654191

Protanopia

#55557E

Deuteranopia

#585A79

Tritanopia

#636E6B

Achromatopsia

#4E4E4E

CSS Usage

background-color: #654191;
color: #654191;
border-color: #654191;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EDE7F3
200
#DACEE9
300
#BFAAD9
400
#9D7DC5
500
#7B4FB0
600
#623F8D
700
#4E3371
800
#3D2758
900
#2F2041
950
#1E1429

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

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