#8F3626

#8F3626

Color Values

HEX

#8F3626

RGB

143, 54, 38

HSL

9.1, 58.0%, 35.5%

HSV

9.1, 73.4%, 56.1%

CMYK

0.0%, 62.2%, 73.4%, 43.9%

OKLCH

0.4557 0.1244 32.3

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#8F3626

#267F8F

Analogous

#8F264B

#8F6A26

#8F3626

Triadic

#8F3626

#268F36

#36268F

Split Complementary

#8F3626

#268F6A

#264B8F

Tetradic

#8F3626

#4B8F26

#267F8F

#6A268F

Color Blindness Simulation

Original

#8F3626

Protanopia

#68682A

Deuteranopia

#6E742B

Tritanopia

#8B2D2E

Achromatopsia

#484848

CSS Usage

background-color: #8F3626;
color: #8F3626;
border-color: #8F3626;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F6E7E4
200
#F0CDC7
300
#E5A99E
400
#D77B6A
500
#C94C36
600
#A13D2B
700
#813122
800
#65261B
900
#4A1F17
950
#2F130F

Contrast Checker

Text on white

7.71:1

AA Pass AAA Pass

Text on black

2.72:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026