#89310C

#89310C

Color Values

HEX

#89310C

RGB

137, 49, 12

HSL

17.8, 83.9%, 29.2%

HSV

17.8, 91.2%, 53.7%

CMYK

0.0%, 64.2%, 91.2%, 46.3%

OKLCH

0.4361 0.1285 39.9

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#89310C

#0C6489

Analogous

#890C25

#89700C

#89310C

Triadic

#89310C

#0C8931

#310C89

Split Complementary

#89310C

#0C8970

#0C2589

Tetradic

#89310C

#25890C

#0C6489

#700C89

Color Blindness Simulation

Original

#89310C

Protanopia

#636215

Deuteranopia

#686F17

Tritanopia

#851C1E

Achromatopsia

#414141

CSS Usage

background-color: #89310C;
color: #89310C;
border-color: #89310C;
Nearest Tailwind: Orange 800 #9A3412

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#F9CFBD
300
#F5AD8E
400
#F08051
500
#EA5415
600
#BC4310
700
#96360D
800
#752A0A
900
#55220C
950
#361507

Contrast Checker

Text on white

8.37:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026