#842F35

#842F35

Color Values

HEX

#842F35

RGB

132, 47, 53

HSL

355.8, 47.5%, 35.1%

HSV

355.8, 64.4%, 51.8%

CMYK

0.0%, 64.4%, 59.8%, 48.2%

OKLCH

0.4303 0.1168 19.4

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#842F35

#2F847E

Analogous

#842F5F

#84542F

#842F35

Triadic

#842F35

#35842F

#2F3584

Split Complementary

#842F35

#2F8454

#2F5F84

Tetradic

#842F35

#5F842F

#2F847E

#542F84

Color Blindness Simulation

Original

#842F35

Protanopia

#5F5E34

Deuteranopia

#646A33

Tritanopia

#803232

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCACD
300
#DFA5A9
400
#CD747A
500
#BC434B
600
#96363C
700
#782B30
800
#5E2126
900
#451C1F
950
#2C1213

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

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