#b28643

Color #b28643

A moderately saturated medium orange.

Closest named color Peru #cd853f · ΔE 13.69 Nearest Tailwind class yellow-600 #d08700 · ΔE 8.7

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

Conversions

HEX

#b28643

RGB

rgb(178, 134, 67)

HSL

hsl(36.2, 45.3%, 48%)

HSV / HSB

hsv(36.2, 62.4%, 69.8%)

CMYK

cmyk(0%, 24.7%, 62.4%, 30.2%)

LAB

lab(58.9, 9.44, 41.9)

LCH

lch(58.9, 42.95, 77.3)

OKLCH

oklch(64.9%, 0.1002, 75.85)

HWB

hwb(36.2, 26.3%, 30.2%)

Harmony colors

Complementary

#436fb2

Analogous

#b24e43

#b28643

#a6b243

Triadic

#b28643

#43b286

#8643b2

Split-complementary

#b28643

#43a6b2

#4e43b2

Tetradic

#b28643

#6fb243

#436fb2

#8643b2

Square

#b28643

#43b24e

#436fb2

#b243a6

Shades

Color #b28643 mixed toward black.

#947038

#77592d

#594321

#3b2d16

#1e160b

Tints

Color #b28643 mixed toward white.

#c39b5e

#cfaf7f

#dbc39f

#e7d7bf

#f3ebdf

Tones

Color #b28643 mixed toward gray.

#a9844c

#9f8255

#96805f

#8d7e68

#847c71

Accessibility

Aa White text on this color

3.29:1

Aa Black text on this color

6.38:1

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

Under color vision deficiencies

Protanopia

#a1a059 · ΔE 15.2

Deuteranopia

#a3a65e · ΔE 17

Tritanopia

#b0676a · ΔE 27

Achromatopsia

#8e8e8e · ΔE 22

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

Code

CSS

background-color: #b28643;

Tailwind (arbitrary value)

bg-[#b28643]

Related colors

Blanched Almond #ffebcd

Navajo White #ffdead

Papaya Whip #ffefd5

Moccasin #ffe4b5

Antique White #faebd7

Tan #d2b48c

Frequently asked questions

#b28643 (#b28643) is rgb(178, 134, 67) in RGB.

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

Generate a palette → Check contrast