#892428

#892428

Color Values

HEX

#892428

RGB

137, 36, 40

HSL

357.6, 58.4%, 33.9%

HSV

357.6, 73.7%, 53.7%

CMYK

0.0%, 73.7%, 70.8%, 46.3%

OKLCH

0.4234 0.1359 23.1

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#892428

#248985

Analogous

#89245A

#895224

#892428

Triadic

#892428

#288924

#242889

Split Complementary

#892428

#248952

#245A89

Tetradic

#892428

#5A8924

#248985

#522489

Color Blindness Simulation

Original

#892428

Protanopia

#5D5C27

Deuteranopia

#636B27

Tritanopia

#842626

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E4E5
200
#F0C6C8
300
#E69EA1
400
#D86A6E
500
#CA353B
600
#A22A2F
700
#812226
800
#651B1D
900
#4A1719
950
#2F0F10

Contrast Checker

Text on white

8.95:1

AA Pass AAA Pass

Text on black

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