#bdada3

Color #bdada3

A muted light orange.

Closest named color Dark Gray #a9a9a9 · ΔE 8.65 Nearest Tailwind class taupe-400 #aba09c · ΔE 5

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

Conversions

HEX

#bdada3

RGB

rgb(189, 173, 163)

HSL

hsl(23.1, 16.5%, 69%)

HSV / HSB

hsv(23.1, 13.8%, 74.1%)

CMYK

cmyk(0%, 8.5%, 13.8%, 25.9%)

LAB

lab(71.79, 4.05, 7.21)

LCH

lch(71.79, 8.27, 60.68)

OKLCH

oklch(75.8%, 0.0233, 54.26)

HWB

hwb(23.1, 63.9%, 25.9%)

Harmony colors

Complementary

#a3b3bd

Analogous

#bda3a6

#bdada3

#bdbaa3

Triadic

#bdada3

#a3bdad

#ada3bd

Split-complementary

#bdada3

#a3bdba

#a3a6bd

Tetradic

#bdada3

#b3bda3

#a3b3bd

#ada3bd

Square

#bdada3

#a6bda3

#a3b3bd

#baa3bd

Shades

Color #bdada3 mixed toward black.

#a58f81

#897162

#665549

#443831

#221c18

Tints

Color #bdada3 mixed toward white.

#c8bbb2

#d3c8c2

#ded6d1

#e9e4e0

#f4f1f0

Tones

Color #bdada3 mixed toward gray.

#bbada5

#b9aea7

#b6aea9

#b4afac

#b2afae

Accessibility

Aa White text on this color

2.17:1

Aa Black text on this color

9.67:1

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

Under color vision deficiencies

Protanopia

#b6b6a5 · ΔE 9.9

Deuteranopia

#b7b8a6 · ΔE 10.7

Tritanopia

#bca7a8 · ΔE 6.6

Achromatopsia

#b0b0b0 · ΔE 7.8

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

Code

CSS

background-color: #bdada3;

Tailwind (arbitrary value)

bg-[#bdada3]

Related colors

Seashell #fff5ee

Chocolate #d2691e

Saddle Brown #8b4513

Sienna #a0522d

Sandy Brown #f4a460

Peach Puff #ffdab9

Frequently asked questions

#bdada3 (#bdada3) is rgb(189, 173, 163) in RGB.

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

Generate a palette → Check contrast