#320c2c

Color #320c2c

A moderately saturated very dark magenta.

Closest named color Black #000000 · ΔE 28.45 Nearest Tailwind class fuchsia-950 #4b004f · ΔE 9.6

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

Conversions

HEX

#320c2c

RGB

rgb(50, 12, 44)

HSL

hsl(309.5, 61.3%, 12.2%)

HSV / HSB

hsv(309.5, 76%, 19.6%)

CMYK

cmyk(0%, 76%, 12%, 80.4%)

LAB

lab(9.98, 23.76, -12.05)

LCH

lch(9.98, 26.64, 333.11)

OKLCH

oklch(23.4%, 0.0764, 334.51)

HWB

hwb(309.5, 4.7%, 80.4%)

Harmony colors

Complementary

#0c3212

Analogous

#250c32

#320c2c

#320c19

Triadic

#320c2c

#2c320c

#0c2c32

Split-complementary

#320c2c

#19320c

#0c3225

Tetradic

#320c2c

#32120c

#0c3212

#0c2c32

Square

#320c2c

#32250c

#0c3212

#0c1932

Shades

Color #320c2c mixed toward black.

#2a0a25

#21081d

#190616

#11040f

#080207

Tints

Color #320c2c mixed toward white.

#6e1a61

#ab2996

#d44abe

#e287d4

#f1c3e9

Tones

Color #320c2c mixed toward gray.

#2f0f2a

#2c1228

#291626

#251923

#221c21

Accessibility

Aa White text on this color

17.15:1

Aa Black text on this color

1.22:1

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

Under color vision deficiencies

Protanopia

#262627 · ΔE 19.8

Deuteranopia

#282a25 · ΔE 26.4

Tritanopia

#312221 · ΔE 15.5

Achromatopsia

#1b1b1b · ΔE 20

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

Code

CSS

background-color: #320c2c;

Tailwind (arbitrary value)

bg-[#320c2c]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#320c2c (#320c2c) is rgb(50, 12, 44) in RGB.

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

Generate a palette → Check contrast