#5C1640

#5C1640

Color Values

HEX

#5C1640

RGB

92, 22, 64

HSL

324.0, 61.4%, 22.4%

HSV

324.0, 76.1%, 36.1%

CMYK

0.0%, 76.1%, 30.4%, 63.9%

OKLCH

0.3328 0.1113 348.0

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#5C1640

#165C32

Analogous

#55165C

#5C161D

#5C1640

Triadic

#5C1640

#405C16

#16405C

Split Complementary

#5C1640

#1D5C16

#165C55

Tetradic

#5C1640

#5C5516

#165C32

#161D5C

Color Blindness Simulation

Original

#5C1640

Protanopia

#3E3D36

Deuteranopia

#424733

Tritanopia

#582E2C

Achromatopsia

#282828

CSS Usage

background-color: #5C1640;
color: #5C1640;
border-color: #5C1640;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FBF3F8
100
#F6E4EF
200
#F1C5E0
300
#E79CC9
400
#DB67AC
500
#CE318F
600
#A52773
700
#841F5C
800
#671948
900
#4B1636
950
#300E22

Contrast Checker

Text on white

12.77:1

AA Pass AAA Pass

Text on black

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