#655370

#655370

Color Values

HEX

#655370

RGB

101, 83, 112

HSL

277.2, 14.9%, 38.2%

HSV

277.2, 25.9%, 43.9%

CMYK

9.8%, 25.9%, 0.0%, 56.1%

OKLCH

0.4713 0.0508 312.4

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#655370

#5E7053

Analogous

#565370

#70536C

#655370

Triadic

#655370

#706553

#537065

Split Complementary

#655370

#6C7053

#537056

Tetradic

#655370

#705653

#5E7053

#536C70

Color Blindness Simulation

Original

#655370

Protanopia

#5D5D69

Deuteranopia

#5E6067

Tritanopia

#646362

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DDD6E1
300
#C4B9CB
400
#A493AF
500
#846D92
600
#6A5775
700
#55455E
800
#423649
900
#322A37
950
#201A23

Contrast Checker

Text on white

6.94:1

AA Pass AAA Fail

Text on black

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