#5C2552

#5C2552

Color Values

HEX

#5C2552

RGB

92, 37, 82

HSL

310.9, 42.6%, 25.3%

HSV

310.9, 59.8%, 36.1%

CMYK

0.0%, 59.8%, 10.9%, 63.9%

OKLCH

0.3609 0.101 335.0

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#5C2552

#255C2F

Analogous

#4B255C

#5C2537

#5C2552

Triadic

#5C2552

#525C25

#25525C

Split Complementary

#5C2552

#375C25

#255C4B

Tetradic

#5C2552

#5C4B25

#255C2F

#25375C

Color Blindness Simulation

Original

#5C2552

Protanopia

#444447

Deuteranopia

#474B44

Tritanopia

#593F3D

Achromatopsia

#343434

CSS Usage

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

Tailwind Shades

50
#FAF5F9
100
#F4E7F1
200
#EBCCE5
300
#DCA8D2
400
#C978BA
500
#B649A2
600
#913B82
700
#742F68
800
#5B2551
900
#431E3C
950
#2A1326

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

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