#655D86

#655D86

Color Values

HEX

#655D86

RGB

101, 93, 134

HSL

251.7, 18.1%, 44.5%

HSV

251.7, 30.6%, 52.5%

CMYK

24.6%, 30.6%, 0.0%, 47.5%

OKLCH

0.5024 0.0649 292.9

Properties

Cool Dark Nearest: RAL 4011 Pearl Violet

Color Harmonies

Complementary

#655D86

#7E865D

Analogous

#5D6986

#795D86

#655D86

Triadic

#655D86

#86655D

#5D8665

Split Complementary

#655D86

#86795D

#69865D

Tetradic

#655D86

#865D69

#7E865D

#5D8679

Color Blindness Simulation

Original

#655D86

Protanopia

#62617C

Deuteranopia

#62637A

Tritanopia

#657473

Achromatopsia

#626262

CSS Usage

background-color: #655D86;
color: #655D86;
border-color: #655D86;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F7F6F9
100
#EBEAF0
200
#D7D5E2
300
#BBB7CD
400
#9690B2
500
#716897
600
#5B5478
700
#494360
800
#39344B
900
#2C2938
950
#1C1A24

Contrast Checker

Text on white

6.06:1

AA Pass AAA Fail

Text on black

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