#bba98f

Color #bba98f

A muted light orange.

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

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

Conversions

HEX

#bba98f

RGB

rgb(187, 169, 143)

HSL

hsl(35.5, 24.4%, 64.7%)

HSV / HSB

hsv(35.5, 23.5%, 73.3%)

CMYK

cmyk(0%, 9.6%, 23.5%, 26.7%)

LAB

lab(70.12, 2.34, 15.8)

LCH

lch(70.12, 15.97, 81.58)

OKLCH

oklch(74.3%, 0.0417, 77.1)

HWB

hwb(35.5, 56.1%, 26.7%)

Harmony colors

Complementary

#8fa1bb

Analogous

#bb938f

#bba98f

#b7bb8f

Triadic

#bba98f

#8fbba9

#a98fbb

Split-complementary

#bba98f

#8fb7bb

#938fbb

Tetradic

#bba98f

#a1bb8f

#8fa1bb

#a98fbb

Square

#bba98f

#8fbb93

#8fa1bb

#bb8fb7

Shades

Color #bba98f mixed toward black.

#a68f6d

#897353

#67563e

#44392a

#221d15

Tints

Color #bba98f mixed toward white.

#c6b7a2

#d2c6b4

#ddd4c7

#e8e2da

#f4f1ec

Tones

Color #bba98f mixed toward gray.

#b7a893

#b4a896

#b0a79a

#aca69e

#a9a6a1

Accessibility

Aa White text on this color

2.29:1

Aa Black text on this color

9.18:1

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

Under color vision deficiencies

Protanopia

#b3b396 · ΔE 9

Deuteranopia

#b5b697 · ΔE 9.8

Tritanopia

#ba9b9c · ΔE 15.6

Achromatopsia

#ababab · ΔE 11.9

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

Code

CSS

background-color: #bba98f;

Tailwind (arbitrary value)

bg-[#bba98f]

Related colors

Navajo White #ffdead

Blanched Almond #ffebcd

Antique White #faebd7

Tan #d2b48c

Papaya Whip #ffefd5

Burlywood #deb887

Frequently asked questions

#bba98f (#bba98f) is rgb(187, 169, 143) in RGB.

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

Generate a palette → Check contrast