#a0874b

Color #a0874b

A muted medium orange.

Closest named color Dark Khaki #bdb76b · ΔE 19.47 Nearest Tailwind class yellow-600 #d08700 · ΔE 13.9

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

Conversions

HEX

#a0874b

RGB

rgb(160, 135, 75)

HSL

hsl(42.4, 36.2%, 46.1%)

HSV / HSB

hsv(42.4, 53.1%, 62.7%)

CMYK

cmyk(0%, 15.6%, 53.1%, 37.3%)

LAB

lab(57.38, 1.64, 35.52)

LCH

lch(57.38, 35.56, 87.36)

OKLCH

oklch(63.3%, 0.0846, 87.36)

HWB

hwb(42.4, 29.4%, 37.3%)

Harmony colors

Complementary

#4b64a0

Analogous

#a05d4b

#a0874b

#8fa04b

Triadic

#a0874b

#4ba087

#874ba0

Split-complementary

#a0874b

#4b8fa0

#5d4ba0

Tetradic

#a0874b

#64a04b

#4b64a0

#874ba0

Square

#a0874b

#4ba05d

#4b64a0

#a04b8f

Shades

Color #a0874b mixed toward black.

#85713f

#6b5a32

#504426

#352d19

#1b170d

Tints

Color #a0874b mixed toward white.

#b69e63

#c5b182

#d3c5a1

#e2d8c1

#f0ece0

Tones

Color #a0874b mixed toward gray.

#998452

#928159

#8b7e60

#847b67

#7d786e

Accessibility

Aa White text on this color

3.46:1

Aa Black text on this color

6.06:1

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

Under color vision deficiencies

Protanopia

#96965e · ΔE 9.3

Deuteranopia

#979962 · ΔE 10.2

Tritanopia

#9f6a6d · ΔE 27.5

Achromatopsia

#8a8a8a · ΔE 19.8

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

Code

CSS

background-color: #a0874b;

Tailwind (arbitrary value)

bg-[#a0874b]

Related colors

Dark Goldenrod #b8860b

Goldenrod #daa520

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Orange #ffa500

Frequently asked questions

#a0874b (#a0874b) is rgb(160, 135, 75) in RGB.

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

Generate a palette → Check contrast