#89040C

#89040C

Color Values

HEX

#89040C

RGB

137, 4, 12

HSL

356.4, 94.3%, 27.6%

HSV

356.4, 97.1%, 53.7%

CMYK

0.0%, 97.1%, 91.2%, 46.3%

OKLCH

0.3982 0.1597 27.1

Properties

Warm Dark Nearest: maroon

Color Harmonies

Complementary

#89040C

#048981

Analogous

#89044E

#893E04

#89040C

Triadic

#89040C

#0C8904

#040C89

Split Complementary

#89040C

#04893E

#044E89

Tetradic

#89040C

#4E8904

#048981

#3E0489

Color Blindness Simulation

Original

#89040C

Protanopia

#4F4E0A

Deuteranopia

#57610A

Tritanopia

#820908

Achromatopsia

#212121

CSS Usage

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

Tailwind Shades

50
#FDF1F2
100
#FBDFE1
200
#FDBABE
300
#FC888F
400
#FA4852
500
#F80716
600
#C60611
700
#9F050E
800
#7C040B
900
#5A070C
950
#390508

Contrast Checker

Text on white

10.07:1

AA Pass AAA Pass

Text on black

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