#8F3226

#8F3226

Color Values

HEX

#8F3226

RGB

143, 50, 38

HSL

6.9, 58.0%, 35.5%

HSV

6.9, 73.4%, 56.1%

CMYK

0.0%, 65.0%, 73.4%, 43.9%

OKLCH

0.4503 0.1286 30.2

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#8F3226

#26838F

Analogous

#8F264E

#8F6726

#8F3226

Triadic

#8F3226

#268F32

#32268F

Split Complementary

#8F3226

#268F67

#264E8F

Tetradic

#8F3226

#4E8F26

#26838F

#67268F

Color Blindness Simulation

Original

#8F3226

Protanopia

#676629

Deuteranopia

#6C732A

Tritanopia

#8A2B2C

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FBF4F4
100
#F6E6E4
200
#F0CBC7
300
#E5A69E
400
#D7776A
500
#C94736
600
#A1382B
700
#812D22
800
#65231B
900
#4A1D17
950
#2F120F

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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