#96342D

#96342D

Color Values

HEX

#96342D

RGB

150, 52, 45

HSL

4.0, 53.8%, 38.2%

HSV

4.0, 70.0%, 58.8%

CMYK

0.0%, 65.3%, 70.0%, 41.2%

OKLCH

0.4659 0.1331 27.5

Properties

Warm Dark Nearest: brown 4

Color Harmonies

Complementary

#96342D

#2D8F96

Analogous

#962D5A

#96682D

#96342D

Triadic

#96342D

#2D9634

#342D96

Split Complementary

#96342D

#2D9668

#2D5A96

Tetradic

#96342D

#5A962D

#2D8F96

#682D96

Color Blindness Simulation

Original

#96342D

Protanopia

#6C6B2F

Deuteranopia

#71792F

Tritanopia

#913030

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F5E6E5
200
#EFCBC8
300
#E3A5A1
400
#D3756E
500
#C4443B
600
#9D362F
700
#7E2C26
800
#62221D
900
#481C19
950
#2D1210

Contrast Checker

Text on white

7.43:1

AA Pass AAA Pass

Text on black

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