#2c1d31

Color #2c1d31

A muted very dark purple.

Closest named color Black #000000 · ΔE 20.72 Nearest Tailwind class mauve-800 #2a212c · ΔE 5.1

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

Conversions

HEX

#2c1d31

RGB

rgb(44, 29, 49)

HSL

hsl(285, 25.6%, 15.3%)

HSV / HSB

hsv(285, 40.8%, 19.2%)

CMYK

cmyk(10.2%, 40.8%, 0%, 80.8%)

LAB

lab(13.45, 11.85, -10.39)

LCH

lch(13.45, 15.76, 318.76)

OKLCH

oklch(25.9%, 0.042, 317.51)

HWB

hwb(285, 11.4%, 80.8%)

Harmony colors

Complementary

#22311d

Analogous

#221d31

#2c1d31

#311d2c

Triadic

#2c1d31

#312c1d

#1d312c

Split-complementary

#2c1d31

#2c311d

#1d3122

Tetradic

#2c1d31

#311d22

#22311d

#1d312c

Square

#2c1d31

#31221d

#22311d

#1d2c31

Shades

Color #2c1d31 mixed toward black.

#251829

#1d1321

#160f19

#0f0a10

#070508

Tints

Color #2c1d31 mixed toward white.

#55385e

#7d538b

#a177af

#c0a5c9

#e0d2e4

Tones

Color #2c1d31 mixed toward gray.

#2b1f2f

#2a202e

#2a222c

#29242a

#282529

Accessibility

Aa White text on this color

15.82:1

Aa Black text on this color

1.33:1

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

Under color vision deficiencies

Protanopia

#26262d · ΔE 10.6

Deuteranopia

#27282c · ΔE 12.6

Tritanopia

#2b2a29 · ΔE 14.6

Achromatopsia

#222222 · ΔE 14

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

Code

CSS

background-color: #2c1d31;

Tailwind (arbitrary value)

bg-[#2c1d31]

Related colors

Dark Violet #9400d3

Medium Orchid #ba55d3

Dark Orchid #9932cc

Indigo #4b0082

Blue Violet #8a2be2

Dark Magenta #8b008b

Frequently asked questions

#2c1d31 (#2c1d31) is rgb(44, 29, 49) in RGB.

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

Generate a palette → Check contrast