#581311

#581311

Color Values

HEX

#581311

RGB

88, 19, 17

HSL

1.7, 67.6%, 20.6%

HSV

1.7, 80.7%, 34.5%

CMYK

0.0%, 78.4%, 80.7%, 65.5%

OKLCH

0.3076 0.1009 26.7

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#581311

#115658

Analogous

#581133

#583711

#581311

Triadic

#581311

#115813

#131158

Split Complementary

#581311

#115837

#113358

Tetradic

#581311

#335811

#115658

#371158

Color Blindness Simulation

Original

#581311

Protanopia

#3A3A11

Deuteranopia

#3E4312

Tritanopia

#551212

Achromatopsia

#222222

CSS Usage

background-color: #581311;
color: #581311;
border-color: #581311;
Nearest Tailwind: Red 950 #450A0A

Tailwind Shades

50
#FCF3F3
100
#F7E3E3
200
#F3C5C3
300
#EB9B98
400
#E06461
500
#D62E29
600
#AB2521
700
#891E1A
800
#6B1715
900
#4E1513
950
#310D0C

Contrast Checker

Text on white

13.85:1

AA Pass AAA Pass

Text on black

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