#655AE6

#655AE6

Color Values

HEX

#655AE6

RGB

101, 90, 230

HSL

244.7, 73.7%, 62.7%

HSV

244.7, 60.9%, 90.2%

CMYK

56.1%, 60.9%, 0.0%, 9.8%

OKLCH

0.5582 0.2043 281.0

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#655AE6

#DBE65A

Analogous

#5A95E6

#AB5AE6

#655AE6

Triadic

#655AE6

#E6655A

#5AE665

Split Complementary

#655AE6

#E6AB5A

#95E65A

Tetradic

#655AE6

#E65A95

#DBE65A

#5AE6AB

Color Blindness Simulation

Original

#655AE6

Protanopia

#6060C4

Deuteranopia

#6162BC

Tritanopia

#64A9A4

Achromatopsia

#666666

CSS Usage

background-color: #655AE6;
color: #655AE6;
border-color: #655AE6;
Nearest Tailwind: Indigo 500 #6366F1

Tailwind Shades

50
#F3F3FC
100
#E4E2F8
200
#C5C1F6
300
#9C95EF
400
#665BE6
500
#3022DD
600
#271BB1
700
#1F158E
800
#18116F
900
#151051
950
#0D0A33

Contrast Checker

Text on white

5.05:1

AA Pass AAA Fail

Text on black

4.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026