#581403

#581403

Color Values

HEX

#581403

RGB

88, 20, 3

HSL

12.0, 93.4%, 17.8%

HSV

12.0, 96.6%, 34.5%

CMYK

0.0%, 77.3%, 96.6%, 65.5%

OKLCH

0.3071 0.1026 35.1

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#581403

#034758

Analogous

#58031C

#583E03

#581403

Triadic

#581403

#035814

#140358

Split Complementary

#581403

#03583E

#031C58

Tetradic

#581403

#1C5803

#034758

#3E0358

Color Blindness Simulation

Original

#581403

Protanopia

#3B3A07

Deuteranopia

#3E4408

Tritanopia

#550A0B

Achromatopsia

#212121

CSS Usage

background-color: #581403;
color: #581403;
border-color: #581403;
Nearest Tailwind: Amber 950 #451A03

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FDC7BA
300
#FBA089
400
#F96C49
500
#F73808
600
#C52D07
700
#9E2405
800
#7B1C04
900
#591808
950
#380F05

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