#580D38

#580D38

Color Values

HEX

#580D38

RGB

88, 13, 56

HSL

325.6, 74.3%, 19.8%

HSV

325.6, 85.2%, 34.5%

CMYK

0.0%, 85.2%, 36.4%, 65.5%

OKLCH

0.3132 0.1143 351.1

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#580D38

#0D582D

Analogous

#530D58

#580D12

#580D38

Triadic

#580D38

#38580D

#0D3858

Split Complementary

#580D38

#12580D

#0D5853

Tetradic

#580D38

#58530D

#0D582D

#0D1258

Color Blindness Simulation

Original

#580D38

Protanopia

#38372E

Deuteranopia

#3C422B

Tritanopia

#542524

Achromatopsia

#202020

CSS Usage

background-color: #580D38;
color: #580D38;
border-color: #580D38;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FCF3F8
100
#F8E2EF
200
#F6C1DF
300
#EF94C8
400
#E75BAB
500
#DE218D
600
#B21A71
700
#8E155A
800
#6F1047
900
#511035
950
#330A22

Contrast Checker

Text on white

13.73:1

AA Pass AAA Pass

Text on black

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