#655EDF

#655EDF

Color Values

HEX

#655EDF

RGB

101, 94, 223

HSL

243.3, 66.8%, 62.2%

HSV

243.3, 57.8%, 87.5%

CMYK

54.7%, 57.8%, 0.0%, 12.5%

OKLCH

0.5596 0.1903 280.7

Properties

Cool Dark Nearest: slateblue 2

Color Harmonies

Complementary

#655EDF

#D8DF5E

Analogous

#5E98DF

#A65EDF

#655EDF

Triadic

#655EDF

#DF655E

#5EDF65

Split Complementary

#655EDF

#DFA65E

#98DF5E

Tetradic

#655EDF

#DF5E98

#D8DF5E

#5EDFA6

Color Blindness Simulation

Original

#655EDF

Protanopia

#6262C0

Deuteranopia

#6263B8

Tritanopia

#65A7A2

Achromatopsia

#696969

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E4E3F7
200
#C6C3F3
300
#9D99EB
400
#6962E0
500
#342AD5
600
#2922AA
700
#211B88
800
#1A156A
900
#17134E
950
#0E0C31

Contrast Checker

Text on white

4.98:1

AA Pass AAA Fail

Text on black

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