#89480F

#89480F

Color Values

HEX

#89480F

RGB

137, 72, 15

HSL

28.0, 80.3%, 29.8%

HSV

28.0, 89.1%, 53.7%

CMYK

0.0%, 47.4%, 89.1%, 46.3%

OKLCH

0.4728 0.1093 55.2

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#89480F

#0F5089

Analogous

#890F13

#89850F

#89480F

Triadic

#89480F

#0F8948

#480F89

Split Complementary

#89480F

#0F8985

#0F1389

Tetradic

#89480F

#13890F

#0F5089

#850F89

Color Blindness Simulation

Original

#89480F

Protanopia

#6D6C1D

Deuteranopia

#717520

Tritanopia

#86282A

Achromatopsia

#525252

CSS Usage

background-color: #89480F;
color: #89480F;
border-color: #89480F;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FDF7F2
100
#F9ECE1
200
#F8D9BF
300
#F3BF91
400
#EC9C55
500
#E67919
600
#B86114
700
#934D10
800
#733C0D
900
#532E0D
950
#351D08

Contrast Checker

Text on white

7.01:1

AA Pass AAA Pass

Text on black

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