#89241B

#89241B

Color Values

HEX

#89241B

RGB

137, 36, 27

HSL

4.9, 67.1%, 32.2%

HSV

4.9, 80.3%, 53.7%

CMYK

0.0%, 73.7%, 80.3%, 46.3%

OKLCH

0.4215 0.1378 29.2

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#89241B

#1B8089

Analogous

#891B49

#895B1B

#89241B

Triadic

#89241B

#1B8924

#241B89

Split Complementary

#89241B

#1B895B

#1B4989

Tetradic

#89241B

#49891B

#1B8089

#5B1B89

Color Blindness Simulation

Original

#89241B

Protanopia

#5D5C1D

Deuteranopia

#636B1E

Tritanopia

#841F1F

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F7E5E3
200
#F3C7C3
300
#EB9F99
400
#E06C61
500
#D5382A
600
#AA2D22
700
#88241B
800
#6B1C15
900
#4E1813
950
#310F0C

Contrast Checker

Text on white

9.01:1

AA Pass AAA Pass

Text on black

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