#bb8880

Color #bb8880

A muted light red.

Closest named color Rosy Brown #bc8f8f · ΔE 5.97 Nearest Tailwind class red-300 #ffa2a2 · ΔE 13.8

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

Conversions

HEX

#bb8880

RGB

rgb(187, 136, 128)

HSL

hsl(8.1, 30.3%, 61.8%)

HSV / HSB

hsv(8.1, 31.6%, 73.3%)

CMYK

cmyk(0%, 27.3%, 31.6%, 26.7%)

LAB

lab(61.42, 18.39, 11.99)

LCH

lch(61.42, 21.95, 33.1)

OKLCH

oklch(67.4%, 0.0642, 28.88)

HWB

hwb(8.1, 50.2%, 26.7%)

Harmony colors

Complementary

#80b3bb

Analogous

#bb8096

#bb8880

#bba680

Triadic

#bb8880

#80bb88

#8880bb

Split-complementary

#bb8880

#80bba6

#8096bb

Tetradic

#bb8880

#b3bb80

#80b3bb

#8880bb

Square

#bb8880

#96bb80

#80b3bb

#a680bb

Shades

Color #bb8880 mixed toward black.

#a9685e

#895249

#673d37

#442925

#221412

Tints

Color #bb8880 mixed toward white.

#c69c95

#d2b0aa

#ddc4c0

#e8d7d5

#f4ebea

Tones

Color #bb8880 mixed toward gray.

#b68c85

#b18f8a

#ac938f

#a79694

#a39a99

Accessibility

Aa White text on this color

3.02:1

Aa Black text on this color

6.95:1

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

Under color vision deficiencies

Protanopia

#a7a782 · ΔE 26.7

Deuteranopia

#aaae82 · ΔE 29

Tritanopia

#b98484 · ΔE 3.5

Achromatopsia

#949494 · ΔE 17.8

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

Code

CSS

background-color: #bb8880;

Tailwind (arbitrary value)

bg-[#bb8880]

Related colors

Tomato #ff6347

Salmon #fa8072

Misty Rose #ffe4e1

Dark Salmon #e9967a

Coral #ff7f50

Red #ff0000

Frequently asked questions

#bb8880 (#bb8880) is rgb(187, 136, 128) in RGB.

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

Generate a palette → Check contrast