#581503

#581503

Color Values

HEX

#581503

RGB

88, 21, 3

HSL

12.7, 93.4%, 17.8%

HSV

12.7, 96.6%, 34.5%

CMYK

0.0%, 76.1%, 96.6%, 65.5%

OKLCH

0.3083 0.1017 35.6

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#581503

#034658

Analogous

#58031B

#583F03

#581503

Triadic

#581503

#035815

#150358

Split Complementary

#581503

#03583F

#031B58

Tetradic

#581503

#1B5803

#034658

#3F0358

Color Blindness Simulation

Original

#581503

Protanopia

#3B3A07

Deuteranopia

#3F4408

Tritanopia

#550B0C

Achromatopsia

#222222

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE5DF
200
#FDC8BA
300
#FBA189
400
#F96E49
500
#F73B08
600
#C52F07
700
#9E2605
800
#7B1D04
900
#591908
950
#381005

Contrast Checker

Text on white

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