#8f3100

Color #8f3100

A vivid, highly saturated dark orange.

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

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

Conversions

HEX

#8f3100

RGB

rgb(143, 49, 0)

HSL

hsl(20.6, 100%, 28%)

HSV / HSB

hsv(20.6, 100%, 56.1%)

CMYK

cmyk(0%, 65.7%, 100%, 43.9%)

LAB

lab(34.06, 37.99, 45.9)

LCH

lch(34.06, 59.58, 50.39)

OKLCH

oklch(44.6%, 0.1369, 41.12)

HWB

hwb(20.6, 0%, 43.9%)

Harmony colors

Complementary

#005e8f

Analogous

#8f0016

#8f3100

#8f7800

Triadic

#8f3100

#008f31

#31008f

Split-complementary

#8f3100

#008f78

#00168f

Tetradic

#8f3100

#5e8f00

#005e8f

#31008f

Square

#8f3100

#168f00

#005e8f

#78008f

Shades

Color #8f3100 mixed toward black.

#772900

#5f2100

#471900

#301000

#180800

Tints

Color #8f3100 mixed toward white.

#cc4600

#ff5e0a

#ff8647

#ffaf85

#ffd7c2

Tones

Color #8f3100 mixed toward gray.

#83350c

#773818

#6b3c24

#5f4030

#53443c

Accessibility

Aa White text on this color

8.05:1

Aa Black text on this color

2.61:1

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

Under color vision deficiencies

Protanopia

#727215 · ΔE 34.7

Deuteranopia

#777c18 · ΔE 37.9

Tritanopia

#8c1e20 · ΔE 12

Achromatopsia

#505050 · ΔE 25.7

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

Code

CSS

background-color: #8f3100;

Tailwind (arbitrary value)

bg-[#8f3100]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Orange Red #ff4500

Frequently asked questions

#8f3100 (#8f3100) is rgb(143, 49, 0) in RGB.

No, #8f3100 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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 #8f3100, or check how it holds up for accessibility.

Generate a palette → Check contrast