#8D3A2F

#8D3A2F

Color Values

HEX

#8D3A2F

RGB

141, 58, 47

HSL

7.0, 50.0%, 36.9%

HSV

7.0, 66.7%, 55.3%

CMYK

0.0%, 58.9%, 66.7%, 44.7%

OKLCH

0.4595 0.1155 29.8

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#8D3A2F

#2F828D

Analogous

#8D2F53

#8D692F

#8D3A2F

Triadic

#8D3A2F

#2F8D3A

#3A2F8D

Split Complementary

#8D3A2F

#2F8D69

#2F538D

Tetradic

#8D3A2F

#538D2F

#2F828D

#692F8D

Color Blindness Simulation

Original

#8D3A2F

Protanopia

#696832

Deuteranopia

#6E7432

Tritanopia

#893434

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#FBF5F4
100
#F5E7E6
200
#EDCEC9
300
#E0AAA3
400
#D07C71
500
#BF4F40
600
#993F33
700
#7A3229
800
#602720
900
#46201B
950
#2C1411

Contrast Checker

Text on white

7.56:1

AA Pass AAA Pass

Text on black

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