#b17c1e

Color #b17c1e

A vivid, highly saturated medium orange.

Closest named color Dark Goldenrod #b8860b · ΔE 8.88 Nearest Tailwind class yellow-600 #d08700 · ΔE 7.1

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

Conversions

HEX

#b17c1e

RGB

rgb(177, 124, 30)

HSL

hsl(38.4, 71%, 40.6%)

HSV / HSB

hsv(38.4, 83.1%, 69.4%)

CMYK

cmyk(0%, 29.9%, 83.1%, 30.6%)

LAB

lab(55.95, 12.69, 54.97)

LCH

lch(55.95, 56.42, 77)

OKLCH

oklch(62.5%, 0.1215, 76.04)

HWB

hwb(38.4, 11.8%, 30.6%)

Harmony colors

Complementary

#1e53b1

Analogous

#b1331e

#b17c1e

#9cb11e

Triadic

#b17c1e

#1eb17c

#7c1eb1

Split-complementary

#b17c1e

#1e9cb1

#331eb1

Tetradic

#b17c1e

#53b11e

#1e53b1

#7c1eb1

Square

#b17c1e

#1eb133

#1e53b1

#b11e9c

Shades

Color #b17c1e mixed toward black.

#946719

#765314

#593e0f

#3b290a

#1e1505

Tints

Color #b17c1e mixed toward white.

#da9a27

#e2ae52

#e9c27d

#f0d7a9

#f8ebd4

Tones

Color #b17c1e mixed toward gray.

#a5792a

#997537

#8c7243

#806e4f

#746b5b

Accessibility

Aa White text on this color

3.64:1

Aa Black text on this color

5.77:1

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

Under color vision deficiencies

Protanopia

#9d9c44 · ΔE 17.8

Deuteranopia

#a0a34b · ΔE 19.7

Tritanopia

#af575a · ΔE 30.8

Achromatopsia

#868686 · ΔE 24.9

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

Code

CSS

background-color: #b17c1e;

Tailwind (arbitrary value)

bg-[#b17c1e]

Related colors

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Wheat #f5deb3

Papaya Whip #ffefd5

Floral White #fffaf0

Frequently asked questions

#b17c1e (#b17c1e) is rgb(177, 124, 30) in RGB.

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

Generate a palette → Check contrast