#b4b393

Color #b4b393

A muted light yellow.

Closest named color Tan #d2b48c · ΔE 13.14 Nearest Tailwind class olive-400 #abab9c · ΔE 6.2

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

Conversions

HEX

#b4b393

RGB

rgb(180, 179, 147)

HSL

hsl(58.2, 18%, 64.1%)

HSV / HSB

hsv(58.2, 18.3%, 70.6%)

CMYK

cmyk(0%, 0.6%, 18.3%, 29.4%)

LAB

lab(72.26, -5.1, 16.51)

LCH

lch(72.26, 17.28, 107.17)

OKLCH

oklch(75.9%, 0.044, 105.96)

HWB

hwb(58.2, 57.6%, 29.4%)

Harmony colors

Complementary

#9394b4

Analogous

#b4a293

#b4b393

#a4b493

Triadic

#b4b393

#93b4b3

#b393b4

Split-complementary

#b4b393

#93a4b4

#a293b4

Tetradic

#b4b393

#94b493

#9394b4

#b393b4

Square

#b4b393

#93b4a2

#9394b4

#b493a4

Shades

Color #b4b393 mixed toward black.

#9e9c73

#817f59

#606043

#40402d

#202016

Tints

Color #b4b393 mixed toward white.

#c0c0a5

#cdccb7

#d9d9c9

#e6e6db

#f2f2ed

Tones

Color #b4b393 mixed toward gray.

#b1b096

#aeae98

#acab9b

#a9a99e

#a6a6a1

Accessibility

Aa White text on this color

2.14:1

Aa Black text on this color

9.81:1

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

Under color vision deficiencies

Protanopia

#b4b49c · ΔE 2.6

Deuteranopia

#b4b49d · ΔE 3

Tritanopia

#b4a2a3 · ΔE 19.6

Achromatopsia

#b1b1b1 · ΔE 12.9

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

Code

CSS

background-color: #b4b393;

Tailwind (arbitrary value)

bg-[#b4b393]

Related colors

Ivory #fffff0

Beige #f5f5dc

Light Goldenrod Yellow #fafad2

Light Yellow #ffffe0

Olive #808000

Yellow #ffff00

Frequently asked questions

#b4b393 (#b4b393) is rgb(180, 179, 147) in RGB.

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

Generate a palette → Check contrast