#89160C

#89160C

Color Values

HEX

#89160C

RGB

137, 22, 12

HSL

4.8, 83.9%, 29.2%

HSV

4.8, 91.2%, 53.7%

CMYK

0.0%, 83.9%, 91.2%, 46.3%

OKLCH

0.4076 0.1508 29.9

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#89160C

#0C7F89

Analogous

#890C40

#89540C

#89160C

Triadic

#89160C

#0C8916

#160C89

Split Complementary

#89160C

#0C8954

#0C4089

Tetradic

#89160C

#40890C

#0C7F89

#540C89

Color Blindness Simulation

Original

#89160C

Protanopia

#57560E

Deuteranopia

#5E660F

Tritanopia

#831011

Achromatopsia

#2E2E2E

CSS Usage

background-color: #89160C;
color: #89160C;
border-color: #89160C;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF3F2
100
#FAE2E0
200
#F9C2BD
300
#F5978E
400
#F05E51
500
#EA2615
600
#BC1E10
700
#96180D
800
#75130A
900
#55120C
950
#360B07

Contrast Checker

Text on white

9.62:1

AA Pass AAA Pass

Text on black

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