#89231D

#89231D

Color Values

HEX

#89231D

RGB

137, 35, 29

HSL

3.3, 65.1%, 32.5%

HSV

3.3, 78.8%, 53.7%

CMYK

0.0%, 74.5%, 78.8%, 46.3%

OKLCH

0.4207 0.1383 28.1

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#89231D

#1D8389

Analogous

#891D4D

#89591D

#89231D

Triadic

#89231D

#1D8923

#231D89

Split Complementary

#89231D

#1D8959

#1D4D89

Tetradic

#89231D

#4D891D

#1D8389

#591D89

Color Blindness Simulation

Original

#89231D

Protanopia

#5D5C1E

Deuteranopia

#636A1F

Tritanopia

#842020

Achromatopsia

#383838

CSS Usage

background-color: #89231D;
color: #89231D;
border-color: #89231D;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F3C7C4
300
#EA9E9A
400
#DE6A63
500
#D3362C
600
#A82B24
700
#87221C
800
#691B16
900
#4D1714
950
#310F0D

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

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