#8F3D18

#8F3D18

Color Values

HEX

#8F3D18

RGB

143, 61, 24

HSL

18.7, 71.3%, 32.7%

HSV

18.7, 83.2%, 56.1%

CMYK

0.0%, 57.3%, 83.2%, 43.9%

OKLCH

0.4644 0.1215 42.3

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#8F3D18

#186A8F

Analogous

#8F182E

#8F7818

#8F3D18

Triadic

#8F3D18

#188F3D

#3D188F

Split Complementary

#8F3D18

#188F78

#182E8F

Tetradic

#8F3D18

#2E8F18

#186A8F

#78188F

Color Blindness Simulation

Original

#8F3D18

Protanopia

#6B6B21

Deuteranopia

#707623

Tritanopia

#8B282A

Achromatopsia

#4C4C4C

CSS Usage

background-color: #8F3D18;
color: #8F3D18;
border-color: #8F3D18;
Nearest Tailwind: Amber 800 #92400E

Tailwind Shades

50
#FCF6F3
100
#F8E9E2
200
#F5D2C2
300
#EDB196
400
#E4875D
500
#DA5D25
600
#AF4B1D
700
#8C3C17
800
#6D2F12
900
#502511
950
#32170B

Contrast Checker

Text on white

7.37:1

AA Pass AAA Pass

Text on black

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