#ada9a5

Color #ada9a5

A nearly neutral, gray-leaning light orange.

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

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

Conversions

HEX

#ada9a5

RGB

rgb(173, 169, 165)

HSL

hsl(30, 4.7%, 66.3%)

HSV / HSB

hsv(30, 4.6%, 67.8%)

CMYK

cmyk(0%, 2.3%, 4.6%, 32.2%)

LAB

lab(69.45, 0.69, 2.57)

LCH

lch(69.45, 2.66, 74.97)

OKLCH

oklch(73.7%, 0.0074, 67.62)

HWB

hwb(30, 64.7%, 32.2%)

Harmony colors

Complementary

#a5a9ad

Analogous

#ada5a5

#ada9a5

#adada5

Triadic

#ada9a5

#a5ada9

#a9a5ad

Split-complementary

#ada9a5

#a5adad

#a5a5ad

Tetradic

#ada9a5

#a9ada5

#a5a9ad

#a9a5ad

Square

#ada9a5

#a5ada5

#a5a9ad

#ada5ad

Shades

Color #ada9a5 mixed toward black.

#928d88

#76716b

#595551

#3b3836

#1e1c1b

Tints

Color #ada9a5 mixed toward white.

#bbb7b4

#c8c6c3

#d6d4d2

#e4e2e1

#f1f1f0

Tones

Color #ada9a5 mixed toward gray.

#aca9a6

#aba9a7

#aaa9a8

Accessibility

Aa White text on this color

2.33:1

Aa Black text on this color

9:1

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

Under color vision deficiencies

Protanopia

#ababa6 · ΔE 2.4

Deuteranopia

#acaca6 · ΔE 2.7

Tritanopia

#ada7a7 · ΔE 2.8

Achromatopsia

#aaaaaa · ΔE 2.6

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

Code

CSS

background-color: #ada9a5;

Tailwind (arbitrary value)

bg-[#ada9a5]

Related colors

Linen #faf0e6

Peru #cd853f

Peach Puff #ffdab9

Sandy Brown #f4a460

Bisque #ffe4c4

Dark Orange #ff8c00

Frequently asked questions

#ada9a5 (#ada9a5) is rgb(173, 169, 165) in RGB.

No, #ada9a5 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast