#653A7D

#653A7D

Color Values

HEX

#653A7D

RGB

101, 58, 125

HSL

278.5, 36.6%, 35.9%

HSV

278.5, 53.6%, 49.0%

CMYK

19.2%, 53.6%, 0.0%, 51.0%

OKLCH

0.4307 0.1155 312.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#653A7D

#527D3A

Analogous

#443A7D

#7D3A74

#653A7D

Triadic

#653A7D

#7D653A

#3A7D65

Split Complementary

#653A7D

#747D3A

#3A7D44

Tetradic

#653A7D

#7D443A

#527D3A

#3A747D

Color Blindness Simulation

Original

#653A7D

Protanopia

#52526D

Deuteranopia

#555869

Tritanopia

#63605D

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCEE8
300
#C8ABD8
400
#AA7EC3
500
#8D51AE
600
#71418B
700
#5A346F
800
#462857
900
#352040
950
#211529

Contrast Checker

Text on white

8.56:1

AA Pass AAA Pass

Text on black

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