#8B4342

#8B4342

Color Values

HEX

#8B4342

RGB

139, 67, 66

HSL

0.8, 35.6%, 40.2%

HSV

0.8, 52.5%, 54.5%

CMYK

0.0%, 51.8%, 52.5%, 45.5%

OKLCH

0.4742 0.0985 22.3

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#8B4342

#428A8B

Analogous

#8B4266

#8B6742

#8B4342

Triadic

#8B4342

#428B43

#43428B

Split Complementary

#8B4342

#428B67

#42668B

Tetradic

#8B4342

#668B42

#428A8B

#67428B

Color Blindness Simulation

Original

#8B4342

Protanopia

#6C6B42

Deuteranopia

#707542

Tritanopia

#874242

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFCF
300
#D8ADAC
400
#C2807F
500
#AD5352
600
#8A4342
700
#6F3535
800
#562A29
900
#402121
950
#281515

Contrast Checker

Text on white

7.05:1

AA Pass AAA Pass

Text on black

2.98:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026