#580317

#580317

Color Values

HEX

#580317

RGB

88, 3, 23

HSL

345.9, 93.4%, 17.8%

HSV

345.9, 96.6%, 34.5%

CMYK

0.0%, 96.6%, 73.9%, 65.5%

OKLCH

0.2948 0.1143 16.7

Properties

Warm Dark Nearest: RAL 3032 Pearl Ruby Red

Color Harmonies

Complementary

#580317

#035844

Analogous

#580341

#581903

#580317

Triadic

#580317

#175803

#031758

Split Complementary

#580317

#035819

#034158

Tetradic

#580317

#415803

#035844

#190358

Color Blindness Simulation

Original

#580317

Protanopia

#333212

Deuteranopia

#383E11

Tritanopia

#540E0E

Achromatopsia

#171717

CSS Usage

background-color: #580317;
color: #580317;
border-color: #580317;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FDF1F4
100
#FBDFE6
200
#FDBACA
300
#FB89A4
400
#F94972
500
#F70840
600
#C50734
700
#9E0529
800
#7B0420
900
#59081B
950
#380511

Contrast Checker

Text on white

14.58:1

AA Pass AAA Pass

Text on black

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