#655687

#655687

Color Values

HEX

#655687

RGB

101, 86, 135

HSL

258.4, 22.2%, 43.3%

HSV

258.4, 36.3%, 52.9%

CMYK

25.2%, 36.3%, 0.0%, 47.1%

OKLCH

0.4884 0.0786 297.5

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#655687

#788756

Analogous

#565F87

#7D5687

#655687

Triadic

#655687

#876556

#568765

Split Complementary

#655687

#877D56

#5F8756

Tetradic

#655687

#87565F

#788756

#56877D

Color Blindness Simulation

Original

#655687

Protanopia

#5F5E7B

Deuteranopia

#5F6078

Tritanopia

#647270

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF1
200
#D8D3E3
300
#BDB4CF
400
#998CB6
500
#75639C
600
#5D4F7D
700
#4B3F64
800
#3A324E
900
#2D273A
950
#1C1825

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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