#8D4F18

#8D4F18

Color Values

HEX

#8D4F18

RGB

141, 79, 24

HSL

28.2, 70.9%, 32.4%

HSV

28.2, 83.0%, 55.3%

CMYK

0.0%, 44.0%, 83.0%, 44.7%

OKLCH

0.4918 0.1061 57.1

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#8D4F18

#18568D

Analogous

#8D181C

#8D8A18

#8D4F18

Triadic

#8D4F18

#188D4F

#4F188D

Split Complementary

#8D4F18

#188D8A

#181C8D

Tetradic

#8D4F18

#1C8D18

#18568D

#8A188D

Color Blindness Simulation

Original

#8D4F18

Protanopia

#727225

Deuteranopia

#767A28

Tritanopia

#8A3032

Achromatopsia

#585858

CSS Usage

background-color: #8D4F18;
color: #8D4F18;
border-color: #8D4F18;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FCF7F3
100
#F8EDE2
200
#F5DAC2
300
#EDBF96
400
#E49D5E
500
#DA7A25
600
#AE621E
700
#8B4E18
800
#6D3D13
900
#4F2F12
950
#321D0B

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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