#583D40

#583D40

Color Values

HEX

#583D40

RGB

88, 61, 64

HSL

353.3, 18.1%, 29.2%

HSV

353.3, 30.7%, 34.5%

CMYK

0.0%, 30.7%, 27.3%, 65.5%

OKLCH

0.3914 0.0383 11.6

Properties

Warm Dark Nearest: RAL 8017 Chocolate Brown

Color Harmonies

Complementary

#583D40

#3D5855

Analogous

#583D4D

#58473D

#583D40

Triadic

#583D40

#40583D

#3D4058

Split Complementary

#583D40

#3D5847

#3D4D58

Tetradic

#583D40

#4D583D

#3D5855

#473D58

Color Blindness Simulation

Original

#583D40

Protanopia

#4C4C3F

Deuteranopia

#4E503F

Tritanopia

#573F3F

Achromatopsia

#434343

CSS Usage

background-color: #583D40;
color: #583D40;
border-color: #583D40;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E2D5D6
300
#CDB7B9
400
#B29093
500
#97686E
600
#785458
700
#604346
800
#4B3437
900
#38292A
950
#241A1B

Contrast Checker

Text on white

9.74:1

AA Pass AAA Pass

Text on black

2.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026