#932822

#932822

Color Values

HEX

#932822

RGB

147, 40, 34

HSL

3.2, 62.4%, 35.5%

HSV

3.2, 76.9%, 57.6%

CMYK

0.0%, 72.8%, 76.9%, 42.4%

OKLCH

0.4449 0.1437 27.8

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#932822

#228D93

Analogous

#932254

#936122

#932822

Triadic

#932822

#229328

#282293

Split Complementary

#932822

#229361

#225493

Tetradic

#932822

#549322

#228D93

#612293

Color Blindness Simulation

Original

#932822

Protanopia

#656423

Deuteranopia

#6B7324

Tritanopia

#8E2525

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF4F3
100
#F7E5E4
200
#F2C7C5
300
#E8A09C
400
#DC6C66
500
#CF3830
600
#A62D26
700
#85241F
800
#681C18
900
#4C1815
950
#300F0D

Contrast Checker

Text on white

8.18:1

AA Pass AAA Pass

Text on black

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