#8F4304

#8F4304

Color Values

HEX

#8F4304

RGB

143, 67, 4

HSL

27.2, 94.6%, 28.8%

HSV

27.2, 97.2%, 56.1%

CMYK

0.0%, 53.1%, 97.2%, 43.9%

OKLCH

0.4728 0.1213 51.0

Properties

Warm Dark Nearest: darkorange 4

Color Harmonies

Complementary

#8F4304

#04508F

Analogous

#8F040A

#8F8804

#8F4304

Triadic

#8F4304

#048F43

#43048F

Split Complementary

#8F4304

#048F88

#040A8F

Tetradic

#8F4304

#0A8F04

#04508F

#88048F

Color Blindness Simulation

Original

#8F4304

Protanopia

#6E6D13

Deuteranopia

#727817

Tritanopia

#8B1F22

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCECDF
200
#FDD8BA
300
#FCBC88
400
#FA9847
500
#F87407
600
#C65D06
700
#9F4A04
800
#7C3A03
900
#5A2D07
950
#391C05

Contrast Checker

Text on white

7.06:1

AA Pass AAA Pass

Text on black

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