#3c0945

Color #3c0945

A vivid, highly saturated very dark magenta.

Closest named color Midnight Blue #191970 · ΔE 24.85 Nearest Tailwind class fuchsia-950 #4b004f · ΔE 3.5

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

Conversions

HEX

#3c0945

RGB

rgb(60, 9, 69)

HSL

hsl(291, 76.9%, 15.3%)

HSV / HSB

hsv(291, 87%, 27.1%)

CMYK

cmyk(13%, 87%, 0%, 72.9%)

LAB

lab(13.14, 33.01, -24.9)

LCH

lch(13.14, 41.35, 322.97)

OKLCH

oklch(26.6%, 0.111, 321.03)

HWB

hwb(291, 3.5%, 72.9%)

Harmony colors

Complementary

#124509

Analogous

#1e0945

#3c0945

#450930

Triadic

#3c0945

#453c09

#09453c

Split-complementary

#3c0945

#304509

#09451e

Tetradic

#3c0945

#450912

#124509

#09453c

Square

#3c0945

#451e09

#124509

#093045

Shades

Color #3c0945 mixed toward black.

#32083a

#28062e

#1e0523

#140317

#0a020c

Tints

Color #3c0945 mixed toward white.

#731185

#ab1ac4

#cd40e6

#de80ee

#eebff7

Tones

Color #3c0945 mixed toward gray.

#390e40

#35133b

#321836

#2e1d31

#2b222c

Accessibility

Aa White text on this color

15.94:1

Aa Black text on this color

1.32:1

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

Under color vision deficiencies

Protanopia

#2e2d3c · ΔE 17.1

Deuteranopia

#30323a · ΔE 20.4

Tritanopia

#3b3433 · ΔE 22.8

Achromatopsia

#222222 · ΔE 23.3

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

Code

CSS

background-color: #3c0945;

Tailwind (arbitrary value)

bg-[#3c0945]

Related colors

Medium Orchid #ba55d3

Dark Violet #9400d3

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Frequently asked questions

#3c0945 (#3c0945) is rgb(60, 9, 69) in RGB.

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

Generate a palette → Check contrast