#655486

#655486

Color Values

HEX

#655486

RGB

101, 84, 134

HSL

260.4, 22.9%, 42.7%

HSV

260.4, 37.3%, 52.5%

CMYK

24.6%, 37.3%, 0.0%, 47.5%

OKLCH

0.4838 0.0807 299.0

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#655486

#758654

Analogous

#545C86

#7E5486

#655486

Triadic

#655486

#866554

#548665

Split Complementary

#655486

#867E54

#5C8654

Tetradic

#655486

#86545C

#758654

#54867E

Color Blindness Simulation

Original

#655486

Protanopia

#5E5D7A

Deuteranopia

#5F6077

Tritanopia

#64706E

Achromatopsia

#5B5B5B

CSS Usage

background-color: #655486;
color: #655486;
border-color: #655486;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D9D3E3
300
#BDB4D0
400
#9A8BB6
500
#76629D
600
#5F4F7D
700
#4C3F64
800
#3B314E
900
#2D263A
950
#1D1825

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

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