#ab9f8f

Color #ab9f8f

A nearly neutral, gray-leaning light orange.

Closest named color Dark Gray #a9a9a9 · ΔE 10.54 Nearest Tailwind class stone-400 #a6a09b · ΔE 5.1

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

Conversions

HEX

#ab9f8f

RGB

rgb(171, 159, 143)

HSL

hsl(34.3, 14.3%, 61.6%)

HSV / HSB

hsv(34.3, 16.4%, 67.1%)

CMYK

cmyk(0%, 7%, 16.4%, 32.9%)

LAB

lab(66.09, 1.63, 9.93)

LCH

lch(66.09, 10.06, 80.68)

OKLCH

oklch(70.8%, 0.0267, 75.23)

HWB

hwb(34.3, 56.1%, 32.9%)

Harmony colors

Complementary

#8f9bab

Analogous

#ab918f

#ab9f8f

#a9ab8f

Triadic

#ab9f8f

#8fab9f

#9f8fab

Split-complementary

#ab9f8f

#8fa9ab

#918fab

Tetradic

#ab9f8f

#9bab8f

#8f9bab

#9f8fab

Square

#ab9f8f

#8fab91

#8f9bab

#ab8fa9

Shades

Color #ab9f8f mixed toward black.

#958571

#786b5a

#5a5043

#3c352d

#1e1b16

Tints

Color #ab9f8f mixed toward white.

#b9afa2

#c7bfb4

#d5cfc7

#e3dfda

#f1efec

Tones

Color #ab9f8f mixed toward gray.

#a99f91

#a69e94

#a49e96

#a29e98

#9f9d9b

Accessibility

Aa White text on this color

2.6:1

Aa Black text on this color

8.09:1

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

Under color vision deficiencies

Protanopia

#a6a693 · ΔE 6.8

Deuteranopia

#a7a894 · ΔE 7.5

Tritanopia

#aa9697 · ΔE 10.7

Achromatopsia

#a1a1a1 · ΔE 8.3

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

Code

CSS

background-color: #ab9f8f;

Tailwind (arbitrary value)

bg-[#ab9f8f]

Related colors

Antique White #faebd7

Tan #d2b48c

Burlywood #deb887

Dark Orange #ff8c00

Navajo White #ffdead

Blanched Almond #ffebcd

Frequently asked questions

#ab9f8f (#ab9f8f) is rgb(171, 159, 143) in RGB.

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

Generate a palette → Check contrast