#5C3667

#5C3667

Color Values

HEX

#5C3667

RGB

92, 54, 103

HSL

286.5, 31.2%, 30.8%

HSV

286.5, 47.6%, 40.4%

CMYK

10.7%, 47.6%, 0.0%, 59.6%

OKLCH

0.3999 0.0914 318.4

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#5C3667

#416736

Analogous

#443667

#67365A

#5C3667

Triadic

#5C3667

#675C36

#36675C

Split Complementary

#5C3667

#5A6736

#366744

Tetradic

#5C3667

#674436

#416736

#365A67

Color Blindness Simulation

Original

#5C3667

Protanopia

#4C4B5B

Deuteranopia

#4E5158

Tritanopia

#5A5250

Achromatopsia

#424242

CSS Usage

background-color: #5C3667;
color: #5C3667;
border-color: #5C3667;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F8F5F9
100
#F0E8F2
200
#E1D0E6
300
#CCAFD5
400
#B183BE
500
#9558A7
600
#784686
700
#60386B
800
#4B2C54
900
#38233E
950
#231627

Contrast Checker

Text on white

9.64:1

AA Pass AAA Pass

Text on black

2.18:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026