#581A03

#581A03

Color Values

HEX

#581A03

RGB

88, 26, 3

HSL

16.2, 93.4%, 17.8%

HSV

16.2, 96.6%, 34.5%

CMYK

0.0%, 70.5%, 96.6%, 65.5%

OKLCH

0.3148 0.0969 38.8

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#581A03

#034158

Analogous

#580316

#584403

#581A03

Triadic

#581A03

#03581A

#1A0358

Split Complementary

#581A03

#035844

#031658

Tetradic

#581A03

#165803

#034158

#440358

Color Blindness Simulation

Original

#581A03

Protanopia

#3D3D09

Deuteranopia

#41450A

Tritanopia

#550D0E

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FDF5F1
100
#FBE7DF
200
#FDCCBA
300
#FBA889
400
#F97849
500
#F74908
600
#C53A07
700
#9E2F05
800
#7B2404
900
#591E08
950
#381305

Contrast Checker

Text on white

13.43:1

AA Pass AAA Pass

Text on black

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