#655EE0

#655EE0

Color Values

HEX

#655EE0

RGB

101, 94, 224

HSL

243.2, 67.7%, 62.4%

HSV

243.2, 58.0%, 87.8%

CMYK

54.9%, 58.0%, 0.0%, 12.2%

OKLCH

0.5603 0.1916 280.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#655EE0

#D9E05E

Analogous

#5E98E0

#A65EE0

#655EE0

Triadic

#655EE0

#E0655E

#5EE065

Split Complementary

#655EE0

#E0A65E

#98E05E

Tetradic

#655EE0

#E05E98

#D9E05E

#5EE0A6

Color Blindness Simulation

Original

#655EE0

Protanopia

#6262C1

Deuteranopia

#6263B9

Tritanopia

#65A8A2

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C3F3
300
#9D98EB
400
#6861E1
500
#3229D6
600
#2821AB
700
#201A89
800
#19156B
900
#16134E
950
#0E0C31

Contrast Checker

Text on white

4.96:1

AA Pass AAA Fail

Text on black

4.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026