#89221B

#89221B

Color Values

HEX

#89221B

RGB

137, 34, 27

HSL

3.8, 67.1%, 32.2%

HSV

3.8, 80.3%, 53.7%

CMYK

0.0%, 75.2%, 80.3%, 46.3%

OKLCH

0.4194 0.1396 28.5

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#89221B

#1B8289

Analogous

#891B4B

#89591B

#89221B

Triadic

#89221B

#1B8922

#221B89

Split Complementary

#89221B

#1B8959

#1B4B89

Tetradic

#89221B

#4B891B

#1B8289

#591B89

Color Blindness Simulation

Original

#89221B

Protanopia

#5C5C1D

Deuteranopia

#626A1D

Tritanopia

#841E1E

Achromatopsia

#373737

CSS Usage

background-color: #89221B;
color: #89221B;
border-color: #89221B;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F7E4E3
200
#F3C6C3
300
#EB9E99
400
#E06961
500
#D5352A
600
#AA2A22
700
#88221B
800
#6B1A15
900
#4E1713
950
#310E0C

Contrast Checker

Text on white

9.1:1

AA Pass AAA Pass

Text on black

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