#b5ad98

Color #b5ad98

A muted light orange.

Closest named color Dark Gray #a9a9a9 · ΔE 11.95 Nearest Tailwind class olive-400 #abab9c · ΔE 4.2

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

Conversions

HEX

#b5ad98

RGB

rgb(181, 173, 152)

HSL

hsl(43.4, 16.4%, 65.3%)

HSV / HSB

hsv(43.4, 16%, 71%)

CMYK

cmyk(0%, 4.4%, 16%, 29%)

LAB

lab(70.86, -0.73, 11.82)

LCH

lch(70.86, 11.84, 93.53)

OKLCH

oklch(74.9%, 0.0306, 89.63)

HWB

hwb(43.4, 59.6%, 29%)

Harmony colors

Complementary

#98a0b5

Analogous

#b59e98

#b5ad98

#afb598

Triadic

#b5ad98

#98b5ad

#ad98b5

Split-complementary

#b5ad98

#98afb5

#9e98b5

Tetradic

#b5ad98

#a0b598

#98a0b5

#ad98b5

Square

#b5ad98

#98b59e

#98a0b5

#b598af

Shades

Color #b5ad98 mixed toward black.

#9e9378

#81775d

#615946

#413c2e

#201e17

Tints

Color #b5ad98 mixed toward white.

#c1bba9

#cec8ba

#dad6cc

#e6e4dd

#f3f1ee

Tones

Color #b5ad98 mixed toward gray.

#b3ac9a

#b0ab9d

#aeaa9f

#aba9a2

#a9a8a4

Accessibility

Aa White text on this color

2.24:1

Aa Black text on this color

9.4:1

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

Under color vision deficiencies

Protanopia

#b2b29d · ΔE 4

Deuteranopia

#b2b39f · ΔE 4.5

Tritanopia

#b5a2a2 · ΔE 13.4

Achromatopsia

#adadad · ΔE 9.4

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

Code

CSS

background-color: #b5ad98;

Tailwind (arbitrary value)

bg-[#b5ad98]

Related colors

Goldenrod #daa520

Dark Goldenrod #b8860b

Floral White #fffaf0

Old Lace #fdf5e6

Wheat #f5deb3

Cornsilk #fff8dc

Frequently asked questions

#b5ad98 (#b5ad98) is rgb(181, 173, 152) in RGB.

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

Generate a palette → Check contrast