#871c30

Color #871c30

A moderately saturated dark red.

Closest named color Brown #a52a2a · ΔE 16.92 Nearest Tailwind class rose-900 #8b0836 · ΔE 3.8

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

Conversions

HEX

#871c30

RGB

rgb(135, 28, 48)

HSL

hsl(348.8, 65.6%, 32%)

HSV / HSB

hsv(348.8, 79.3%, 52.9%)

CMYK

cmyk(0%, 79.3%, 64.4%, 47.1%)

LAB

lab(29.9, 45.37, 16.07)

LCH

lch(29.9, 48.13, 19.5)

OKLCH

oklch(41.3%, 0.1412, 16)

HWB

hwb(348.8, 11%, 47.1%)

Harmony colors

Complementary

#1c8773

Analogous

#871c66

#871c30

#873e1c

Triadic

#871c30

#30871c

#1c3087

Split-complementary

#871c30

#1c873e

#1c6687

Tetradic

#871c30

#87731c

#1c8773

#1c3087

Square

#871c30

#66871c

#1c8773

#3e1c87

Shades

Color #871c30 mixed toward black.

#711728

#5a1320

#440e18

#2d0910

#170508

Tints

Color #871c30 mixed toward white.

#b72641

#d7405c

#e16f85

#eb9fad

#f5cfd6

Tones

Color #871c30 mixed toward gray.

#7e2536

#752e3b

#6c3741

#634046

#5b494c

Accessibility

Aa White text on this color

9.38:1

Aa Black text on this color

2.24:1

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

Under color vision deficiencies

Protanopia

#69692c · ΔE 42.3

Deuteranopia

#6e742b · ΔE 46.9

Tritanopia

#842928 · ΔE 5.5

Achromatopsia

#464646 · ΔE 24.7

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

Code

CSS

background-color: #871c30;

Tailwind (arbitrary value)

bg-[#871c30]

Related colors

Pink #ffc0cb

Crimson #dc143c

Light Pink #ffb6c1

Pale Violet Red #db7093

Lavender Blush #fff0f5

Hot Pink #ff69b4

Frequently asked questions

#871c30 (#871c30) is rgb(135, 28, 48) in RGB.

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

Generate a palette → Check contrast