#892226

#892226

Color Values

HEX

#892226

RGB

137, 34, 38

HSL

357.7, 60.2%, 33.5%

HSV

357.7, 75.2%, 53.7%

CMYK

0.0%, 75.2%, 72.3%, 46.3%

OKLCH

0.421 0.1381 23.5

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#892226

#228985

Analogous

#892259

#895122

#892226

Triadic

#892226

#268922

#222689

Split Complementary

#892226

#228951

#225989

Tetradic

#892226

#598922

#228985

#512289

Color Blindness Simulation

Original

#892226

Protanopia

#5C5C25

Deuteranopia

#626A25

Tritanopia

#842424

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#FBF3F4
100
#F6E4E5
200
#F1C6C7
300
#E79DA0
400
#D9686C
500
#CC3339
600
#A3292D
700
#832024
800
#66191C
900
#4B1618
950
#2F0E0F

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

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