#83580C

#83580C

Color Values

HEX

#83580C

RGB

131, 88, 12

HSL

38.3, 83.2%, 28.0%

HSV

38.3, 90.8%, 51.4%

CMYK

0.0%, 32.8%, 90.8%, 48.6%

OKLCH

0.4952 0.1003 74.5

Properties

Warm Dark Nearest: orange 4

Color Harmonies

Complementary

#83580C

#0C3783

Analogous

#831C0C

#72830C

#83580C

Triadic

#83580C

#0C8358

#580C83

Split Complementary

#83580C

#0C7283

#1C0C83

Tetradic

#83580C

#0C831C

#0C3783

#830C72

Color Blindness Simulation

Original

#83580C

Protanopia

#70701E

Deuteranopia

#737623

Tritanopia

#812D30

Achromatopsia

#5C5C5C

CSS Usage

background-color: #83580C;
color: #83580C;
border-color: #83580C;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FDF9F2
100
#FAF1E1
200
#F9E4BE
300
#F5D08F
400
#EFB652
500
#EA9D15
600
#BB7D11
700
#95640E
800
#754E0B
900
#553A0C
950
#362508

Contrast Checker

Text on white

6.24:1

AA Pass AAA Fail

Text on black

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