#5b3e21

Color #5b3e21

A moderately saturated dark orange.

Closest named color Saddle Brown #8b4513 · ΔE 26.6 Nearest Tailwind class yellow-900 #733e0a · ΔE 8.1

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

Conversions

HEX

#5b3e21

RGB

rgb(91, 62, 33)

HSL

hsl(30, 46.8%, 24.3%)

HSV / HSB

hsv(30, 63.7%, 35.7%)

CMYK

cmyk(0%, 31.9%, 63.7%, 64.3%)

LAB

lab(28.85, 9.16, 22.68)

LCH

lch(28.85, 24.46, 68.01)

OKLCH

oklch(39%, 0.0591, 64.56)

HWB

hwb(30, 12.9%, 64.3%)

Harmony colors

Complementary

#213e5b

Analogous

#5b2121

#5b3e21

#5b5b21

Triadic

#5b3e21

#215b3e

#3e215b

Split-complementary

#5b3e21

#215b5b

#21215b

Tetradic

#5b3e21

#3e5b21

#213e5b

#3e215b

Square

#5b3e21

#215b21

#213e5b

#5b215b

Shades

Color #5b3e21 mixed toward black.

#4c341b

#3d2916

#2d1f10

#1e150b

#0f0a05

Tints

Color #5b3e21 mixed toward white.

#8a5e32

#b97e43

#cc9e71

#ddbfa1

#eedfd0

Tones

Color #5b3e21 mixed toward gray.

#563e26

#513e2b

#4c3e2f

#483e34

#433e39

Accessibility

Aa White text on this color

9.74:1

Aa Black text on this color

2.16:1

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

Under color vision deficiencies

Protanopia

#50502a · ΔE 15.4

Deuteranopia

#52542c · ΔE 16.6

Tritanopia

#5a3031 · ΔE 15.5

Achromatopsia

#444444 · ΔE 16.5

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

Code

CSS

background-color: #5b3e21;

Tailwind (arbitrary value)

bg-[#5b3e21]

Related colors

Linen #faf0e6

Peru #cd853f

Peach Puff #ffdab9

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#5b3e21 (#5b3e21) is rgb(91, 62, 33) in RGB.

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

Generate a palette → Check contrast