#653586

#653586

Color Values

HEX

#653586

RGB

101, 53, 134

HSL

275.6, 43.3%, 36.7%

HSV

275.6, 60.4%, 52.5%

CMYK

24.6%, 60.4%, 0.0%, 47.5%

OKLCH

0.4285 0.1347 309.2

Properties

Cool Dark Nearest: mediumorchid 4

Color Harmonies

Complementary

#653586

#568635

Analogous

#3D3586

#86357F

#653586

Triadic

#653586

#866535

#358665

Split Complementary

#653586

#7F8635

#35863D

Tetradic

#653586

#863D35

#568635

#357F86

Color Blindness Simulation

Original

#653586

Protanopia

#505072

Deuteranopia

#53576E

Tritanopia

#636360

Achromatopsia

#454545

CSS Usage

background-color: #653586;
color: #653586;
border-color: #653586;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5FA
100
#EEE7F4
200
#DECCEB
300
#C7A7DC
400
#A878CA
500
#8A48B7
600
#6E3A92
700
#582E75
800
#45245B
900
#341E43
950
#21132B

Contrast Checker

Text on white

8.73:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026