#9b4e07

Color #9b4e07

A vivid, highly saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 9.67 Nearest Tailwind class yellow-800 #894b00 · ΔE 4.7

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

Conversions

HEX

#9b4e07

RGB

rgb(155, 78, 7)

HSL

hsl(28.8, 91.4%, 31.8%)

HSV / HSB

hsv(28.8, 95.5%, 60.8%)

CMYK

cmyk(0%, 49.7%, 95.5%, 39.2%)

LAB

lab(41.9, 28.13, 49.41)

LCH

lch(41.9, 56.86, 60.35)

OKLCH

oklch(51%, 0.1249, 53.89)

HWB

hwb(28.8, 2.7%, 39.2%)

Harmony colors

Complementary

#07549b

Analogous

#9b070a

#9b4e07

#9b9807

Triadic

#9b4e07

#079b4e

#4e079b

Split-complementary

#9b4e07

#079b98

#070a9b

Tetradic

#9b4e07

#549b07

#07549b

#4e079b

Square

#9b4e07

#0a9b07

#07549b

#98079b

Shades

Color #9b4e07 mixed toward black.

#814106

#673405

#4e2703

#341a02

#1a0d01

Tints

Color #9b4e07 mixed toward white.

#d36a09

#f58721

#f8a559

#fac390

#fde1c8

Tones

Color #9b4e07 mixed toward gray.

#8f4f13

#834f20

#76502c

#6a5038

#5d5145

Accessibility

Aa White text on this color

6.02:1

Aa Black text on this color

3.49:1

White text reads better on this background (6.02:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#818027 · ΔE 28.3

Deuteranopia

#858a2b · ΔE 31.7

Tritanopia

#983436 · ΔE 19.9

Achromatopsia

#636363 · ΔE 25.2

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

Code

CSS

background-color: #9b4e07;

Tailwind (arbitrary value)

bg-[#9b4e07]

Related colors

Peach Puff #ffdab9

Peru #cd853f

Linen #faf0e6

Sandy Brown #f4a460

Bisque #ffe4c4

Chocolate #d2691e

Frequently asked questions

#9b4e07 (#9b4e07) is rgb(155, 78, 7) in RGB.

No, #9b4e07 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 #9b4e07, or check how it holds up for accessibility.

Generate a palette → Check contrast