#905e3c

Color #905e3c

A moderately saturated medium orange.

Closest named color Sienna #a0522d · ΔE 14.96 Nearest Tailwind class yellow-800 #894b00 · ΔE 9.5

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

Conversions

HEX

#905e3c

RGB

rgb(144, 94, 60)

HSL

hsl(24.3, 41.2%, 40%)

HSV / HSB

hsv(24.3, 58.3%, 56.5%)

CMYK

cmyk(0%, 34.7%, 58.3%, 43.5%)

LAB

lab(44.61, 16.67, 27.69)

LCH

lch(44.61, 32.32, 58.95)

OKLCH

oklch(52.9%, 0.0815, 54.24)

HWB

hwb(24.3, 23.5%, 43.5%)

Harmony colors

Complementary

#3c6e90

Analogous

#903c44

#905e3c

#90883c

Triadic

#905e3c

#3c905e

#5e3c90

Split-complementary

#905e3c

#3c9088

#3c4490

Tetradic

#905e3c

#6e903c

#3c6e90

#5e3c90

Square

#905e3c

#44903c

#3c6e90

#883c90

Shades

Color #905e3c mixed toward black.

#784e32

#603f28

#482f1e

#301f14

#18100a

Tints

Color #905e3c mixed toward white.

#b4764b

#c3916f

#d2ad93

#e1c8b7

#f0e4db

Tones

Color #905e3c mixed toward gray.

#895f43

#82614a

#7b6251

#746358

#6d655f

Accessibility

Aa White text on this color

5.45:1

Aa Black text on this color

3.85:1

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

Under color vision deficiencies

Protanopia

#7d7d46 · ΔE 21.7

Deuteranopia

#808348 · ΔE 23.6

Tritanopia

#8e4d4e · ΔE 15.1

Achromatopsia

#696969 · ΔE 19.9

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

Code

CSS

background-color: #905e3c;

Tailwind (arbitrary value)

bg-[#905e3c]

Related colors

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Sandy Brown #f4a460

Peach Puff #ffdab9

Sienna #a0522d

Frequently asked questions

#905e3c (#905e3c) is rgb(144, 94, 60) in RGB.

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

Generate a palette → Check contrast