#5C0C2F

#5C0C2F

Color Values

HEX

#5C0C2F

RGB

92, 12, 47

HSL

333.8, 76.9%, 20.4%

HSV

333.8, 87.0%, 36.1%

CMYK

0.0%, 87.0%, 48.9%, 63.9%

OKLCH

0.3167 0.1146 0.5

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#5C0C2F

#0C5C39

Analogous

#5C0C57

#5C110C

#5C0C2F

Triadic

#5C0C2F

#2F5C0C

#0C2F5C

Split Complementary

#5C0C2F

#0C5C11

#0C575C

Tetradic

#5C0C2F

#575C0C

#0C5C39

#110C5C

Color Blindness Simulation

Original

#5C0C2F

Protanopia

#393927

Deuteranopia

#3E4424

Tritanopia

#58201E

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#FCF2F7
100
#F9E1EC
200
#F7C0D8
300
#F193BC
400
#E95897
500
#E21D73
600
#B4185C
700
#90134A
800
#710F3A
900
#520F2C
950
#34091C

Contrast Checker

Text on white

13.56:1

AA Pass AAA Pass

Text on black

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