#ad5e3f

Color #ad5e3f

A moderately saturated medium orange.

Closest named color Sienna #a0522d · ΔE 6.17 Nearest Tailwind class amber-700 #bb4d00 · ΔE 8.9

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

Conversions

HEX

#ad5e3f

RGB

rgb(173, 94, 63)

HSL

hsl(16.9, 46.6%, 46.3%)

HSV / HSB

hsv(16.9, 63.6%, 67.8%)

CMYK

cmyk(0%, 45.7%, 63.6%, 32.2%)

LAB

lab(48.57, 29.28, 31.73)

LCH

lch(48.57, 43.18, 47.3)

OKLCH

oklch(56.8%, 0.1122, 41.68)

HWB

hwb(16.9, 24.7%, 32.2%)

Harmony colors

Complementary

#3f8ead

Analogous

#ad3f57

#ad5e3f

#ad953f

Triadic

#ad5e3f

#3fad5e

#5e3fad

Split-complementary

#ad5e3f

#3fad95

#3f57ad

Tetradic

#ad5e3f

#8ead3f

#3f8ead

#5e3fad

Square

#ad5e3f

#57ad3f

#3f8ead

#953fad

Shades

Color #ad5e3f mixed toward black.

#904e35

#733f2a

#572f20

#3a1f15

#1d100b

Tints

Color #ad5e3f mixed toward white.

#c27658

#ce9179

#daad9b

#e7c8bc

#f3e4de

Tones

Color #ad5e3f mixed toward gray.

#a46248

#9b6651

#926a5b

#886e64

#7f726d

Accessibility

Aa White text on this color

4.72:1

Aa Black text on this color

4.45:1

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

Under color vision deficiencies

Protanopia

#929148 · ΔE 31.2

Deuteranopia

#969b4a · ΔE 34.5

Tritanopia

#aa4e50 · ΔE 12

Achromatopsia

#737373 · ΔE 23.1

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

Code

CSS

background-color: #ad5e3f;

Tailwind (arbitrary value)

bg-[#ad5e3f]

Related colors

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Sienna #a0522d

Tomato #ff6347

Frequently asked questions

#ad5e3f (#ad5e3f) is rgb(173, 94, 63) in RGB.

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

Generate a palette → Check contrast