#883e50

Color #883e50

A muted dark red.

Closest named color Indian Red #cd5c5c · ΔE 26.96 Nearest Tailwind class pink-900 #861043 · ΔE 8.4

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

Conversions

HEX

#883e50

RGB

rgb(136, 62, 80)

HSL

hsl(345.4, 37.4%, 38.8%)

HSV / HSB

hsv(345.4, 54.4%, 53.3%)

CMYK

cmyk(0%, 54.4%, 41.2%, 46.7%)

LAB

lab(36.48, 33.53, 4.43)

LCH

lch(36.48, 33.82, 7.53)

OKLCH

oklch(46.6%, 0.1026, 6.61)

HWB

hwb(345.4, 24.3%, 46.7%)

Harmony colors

Complementary

#3e8876

Analogous

#883e75

#883e50

#88513e

Triadic

#883e50

#50883e

#3e5088

Split-complementary

#883e50

#3e8851

#3e7588

Tetradic

#883e50

#88763e

#3e8876

#3e5088

Square

#883e50

#75883e

#3e8876

#513e88

Shades

Color #883e50 mixed toward black.

#713443

#5b2935

#441f28

#2d151b

#170a0d

Tints

Color #883e50 mixed toward white.

#ac4e65

#be7083

#ce94a2

#deb8c1

#efdbe0

Tones

Color #883e50 mixed toward gray.

#824453

#7c4a56

#755059

#6f575d

#695d60

Accessibility

Aa White text on this color

7.36:1

Aa Black text on this color

2.85:1

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

Under color vision deficiencies

Protanopia

#6f6f4c · ΔE 35.7

Deuteranopia

#73784b · ΔE 39.8

Tritanopia

#854948 · ΔE 7

Achromatopsia

#565656 · ΔE 22.7

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

Code

CSS

background-color: #883e50;

Tailwind (arbitrary value)

bg-[#883e50]

Related colors

Crimson #dc143c

Pink #ffc0cb

Pale Violet Red #db7093

Lavender Blush #fff0f5

Light Pink #ffb6c1

Hot Pink #ff69b4

Frequently asked questions

#883e50 (#883e50) is rgb(136, 62, 80) in RGB.

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

Generate a palette → Check contrast