#581C15

#581C15

Color Values

HEX

#581C15

RGB

88, 28, 21

HSL

6.3, 61.5%, 21.4%

HSV

6.3, 76.1%, 34.5%

CMYK

0.0%, 68.2%, 76.1%, 65.5%

OKLCH

0.3197 0.0903 29.6

Properties

Warm Dark Nearest: RAL 3009 Oxide Red

Color Harmonies

Complementary

#581C15

#155158

Analogous

#581530

#583E15

#581C15

Triadic

#581C15

#15581C

#1C1558

Split Complementary

#581C15

#15583E

#153058

Tetradic

#581C15

#305815

#155158

#3E1558

Color Blindness Simulation

Original

#581C15

Protanopia

#3E3D17

Deuteranopia

#424617

Tritanopia

#551818

Achromatopsia

#282828

CSS Usage

background-color: #581C15;
color: #581C15;
border-color: #581C15;
Nearest Tailwind: Orange 950 #431407

Tailwind Shades

50
#FBF4F3
100
#F6E6E4
200
#F1CAC5
300
#E7A49C
400
#DB7367
500
#CE4231
600
#A53427
700
#842A1F
800
#672119
900
#4B1B16
950
#30110E

Contrast Checker

Text on white

13.19:1

AA Pass AAA Pass

Text on black

1.59:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026