#a07a38

Color #a07a38

A moderately saturated medium orange.

Closest named color Peru #cd853f · ΔE 17.57 Nearest Tailwind class yellow-700 #a65f00 · ΔE 11.4

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

Conversions

HEX

#a07a38

RGB

rgb(160, 122, 56)

HSL

hsl(38.1, 48.1%, 42.4%)

HSV / HSB

hsv(38.1, 65%, 62.7%)

CMYK

cmyk(0%, 23.7%, 65%, 37.3%)

LAB

lab(53.69, 7.42, 40.96)

LCH

lch(53.69, 41.63, 79.73)

OKLCH

oklch(60.4%, 0.0959, 78.94)

HWB

hwb(38.1, 22%, 37.3%)

Harmony colors

Complementary

#385ea0

Analogous

#a04638

#a07a38

#92a038

Triadic

#a07a38

#38a07a

#7a38a0

Split-complementary

#a07a38

#3892a0

#4638a0

Tetradic

#a07a38

#5ea038

#385ea0

#7a38a0

Square

#a07a38

#38a046

#385ea0

#a03892

Shades

Color #a07a38 mixed toward black.

#85662f

#6b5125

#503d1c

#352913

#1b1409

Tints

Color #a07a38 mixed toward white.

#bf944a

#ccaa6e

#d9bf92

#e6d4b6

#f2eadb

Tones

Color #a07a38 mixed toward gray.

#977841

#8f7549

#867352

#7d715b

#756e63

Accessibility

Aa White text on this color

3.94:1

Aa Black text on this color

5.34:1

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

Under color vision deficiencies

Protanopia

#91914e · ΔE 14

Deuteranopia

#939653 · ΔE 15.4

Tritanopia

#9e5c5f · ΔE 27.3

Achromatopsia

#808080 · ΔE 21.6

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

Code

CSS

background-color: #a07a38;

Tailwind (arbitrary value)

bg-[#a07a38]

Related colors

Moccasin #ffe4b5

Orange #ffa500

Old Lace #fdf5e6

Papaya Whip #ffefd5

Wheat #f5deb3

Floral White #fffaf0

Frequently asked questions

#a07a38 (#a07a38) is rgb(160, 122, 56) in RGB.

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

Generate a palette → Check contrast