#b8755b

Color #b8755b

A muted medium orange.

Closest named color Dark Salmon #e9967a · ΔE 15.06 Nearest Tailwind class amber-700 #bb4d00 · ΔE 14.4

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

Conversions

HEX

#b8755b

RGB

rgb(184, 117, 91)

HSL

hsl(16.8, 39.6%, 53.9%)

HSV / HSB

hsv(16.8, 50.5%, 72.2%)

CMYK

cmyk(0%, 36.4%, 50.5%, 27.8%)

LAB

lab(55.76, 23.47, 25.26)

LCH

lch(55.76, 34.48, 47.1)

OKLCH

oklch(62.7%, 0.093, 41.9)

HWB

hwb(16.8, 35.7%, 27.8%)

Harmony colors

Complementary

#5b9eb8

Analogous

#b85b6f

#b8755b

#b8a45b

Triadic

#b8755b

#5bb875

#755bb8

Split-complementary

#b8755b

#5bb8a4

#5b6fb8

Tetradic

#b8755b

#9eb85b

#5b9eb8

#755bb8

Square

#b8755b

#6fb85b

#5b9eb8

#a45bb8

Shades

Color #b8755b mixed toward black.

#a05f45

#804c37

#60392a

#40261c

#20130e

Tints

Color #b8755b mixed toward white.

#c48c76

#d0a392

#dbbaad

#e7d1c8

#f3e8e4

Tones

Color #b8755b mixed toward gray.

#b07863

#a87c6a

#a17f72

#99837a

#918682

Accessibility

Aa White text on this color

3.66:1

Aa Black text on this color

5.73:1

Black text reads better on this background (5.73:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#9f9f62 · ΔE 27.6

Deuteranopia

#a3a764 · ΔE 29.9

Tritanopia

#b56768 · ΔE 10.9

Achromatopsia

#868686 · ΔE 21.3

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

Code

CSS

background-color: #b8755b;

Tailwind (arbitrary value)

bg-[#b8755b]

Related colors

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Dark Salmon #e9967a

Sienna #a0522d

Tomato #ff6347

Frequently asked questions

#b8755b (#b8755b) is rgb(184, 117, 91) in RGB.

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

Generate a palette → Check contrast