#8f3006

Color #8f3006

A vivid, highly saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 12.86 Nearest Tailwind class orange-800 #9f2d00 · ΔE 3.2

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#8f3006

RGB

rgb(143, 48, 6)

HSL

hsl(18.4, 91.9%, 29.2%)

HSV / HSB

hsv(18.4, 95.8%, 56.1%)

CMYK

cmyk(0%, 66.4%, 95.8%, 43.9%)

LAB

lab(33.92, 38.56, 43.41)

LCH

lch(33.92, 58.06, 48.39)

OKLCH

oklch(44.5%, 0.1367, 39.51)

HWB

hwb(18.4, 2.4%, 43.9%)

Harmony colors

Complementary

#06658f

Analogous

#8f0620

#8f3006

#8f7406

Triadic

#8f3006

#068f30

#30068f

Split-complementary

#8f3006

#068f74

#06208f

Tetradic

#8f3006

#658f06

#06658f

#30068f

Square

#8f3006

#208f06

#06658f

#74068f

Shades

Color #8f3006 mixed toward black.

#772805

#5f2004

#471803

#301002

#180801

Tints

Color #8f3006 mixed toward white.

#c94308

#f55c18

#f88552

#faad8c

#fdd6c5

Tones

Color #8f3006 mixed toward gray.

#833411

#78391d

#6d3d28

#614234

#56463f

Accessibility

Aa White text on this color

8.1:1

Aa Black text on this color

2.59:1

White text reads better on this background (8.1:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#727117 · ΔE 34.9

Deuteranopia

#767c1a · ΔE 38.9

Tritanopia

#8c1f21 · ΔE 10.8

Achromatopsia

#505050 · ΔE 25.5

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #8f3006;

Tailwind (arbitrary value)

bg-[#8f3006]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Seashell #fff5ee

Frequently asked questions

#8f3006 (#8f3006) is rgb(143, 48, 6) in RGB.

No, #8f3006 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #8f3006, or check how it holds up for accessibility.

Generate a palette → Check contrast