#89421B

#89421B

Color Values

HEX

#89421B

RGB

137, 66, 27

HSL

21.3, 67.1%, 32.2%

HSV

21.3, 80.3%, 53.7%

CMYK

0.0%, 51.8%, 80.3%, 46.3%

OKLCH

0.4633 0.1096 46.5

Properties

Warm Dark Nearest: sienna 4

Color Harmonies

Complementary

#89421B

#1B6289

Analogous

#891B2B

#89791B

#89421B

Triadic

#89421B

#1B8942

#421B89

Split Complementary

#89421B

#1B8979

#1B2B89

Tetradic

#89421B

#2B891B

#1B6289

#791B89

Color Blindness Simulation

Original

#89421B

Protanopia

#6A6A24

Deuteranopia

#6E7427

Tritanopia

#852C2E

Achromatopsia

#4E4E4E

CSS Usage

background-color: #89421B;
color: #89421B;
border-color: #89421B;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FCF6F3
100
#F7EAE3
200
#F3D4C3
300
#EBB699
400
#E08E61
500
#D5672A
600
#AA5222
700
#88421B
800
#6B3315
900
#4E2813
950
#31190C

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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