#655174

#655174

Color Values

HEX

#655174

RGB

101, 81, 116

HSL

274.3, 17.8%, 38.6%

HSV

274.3, 30.2%, 45.5%

CMYK

12.9%, 30.2%, 0.0%, 54.5%

OKLCH

0.4689 0.0603 310.2

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#655174

#607451

Analogous

#535174

#745171

#655174

Triadic

#655174

#746551

#517465

Split Complementary

#655174

#717451

#517453

Tetradic

#655174

#745351

#607451

#517174

Color Blindness Simulation

Original

#655174

Protanopia

#5C5C6C

Deuteranopia

#5E5F69

Tritanopia

#646563

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DCD5E2
300
#C3B7CD
400
#A390B1
500
#836996
600
#695478
700
#544360
800
#41344B
900
#322938
950
#1F1A24

Contrast Checker

Text on white

7.04:1

AA Pass AAA Pass

Text on black

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