#89180F

#89180F

Color Values

HEX

#89180F

RGB

137, 24, 15

HSL

4.4, 80.3%, 29.8%

HSV

4.4, 89.1%, 53.7%

CMYK

0.0%, 82.5%, 89.1%, 46.3%

OKLCH

0.4093 0.1491 29.6

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#89180F

#0F8089

Analogous

#890F43

#89550F

#89180F

Triadic

#89180F

#0F8918

#180F89

Split Complementary

#89180F

#0F8955

#0F4389

Tetradic

#89180F

#43890F

#0F8089

#550F89

Color Blindness Simulation

Original

#89180F

Protanopia

#585711

Deuteranopia

#5F6712

Tritanopia

#831313

Achromatopsia

#2F2F2F

CSS Usage

background-color: #89180F;
color: #89180F;
border-color: #89180F;
Nearest Tailwind: Red 800 #991B1B

Tailwind Shades

50
#FDF3F2
100
#F9E3E1
200
#F8C3BF
300
#F39891
400
#EC6055
500
#E62819
600
#B82014
700
#931A10
800
#73140D
900
#53130D
950
#350C08

Contrast Checker

Text on white

9.54:1

AA Pass AAA Pass

Text on black

2.2:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026