#360736

Color #360736

A vivid, highly saturated very dark magenta.

Closest named color Dark Slate Blue #483d8b · ΔE 31.34 Nearest Tailwind class fuchsia-950 #4b004f · ΔE 6.2

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

Conversions

HEX

#360736

RGB

rgb(54, 7, 54)

HSL

hsl(300, 77%, 12%)

HSV / HSB

hsv(300, 87%, 21.2%)

CMYK

cmyk(0%, 87%, 0%, 78.8%)

LAB

lab(10.58, 29.29, -18.38)

LCH

lch(10.58, 34.58, 327.89)

OKLCH

oklch(24.2%, 0.0963, 328.03)

HWB

hwb(300, 2.7%, 78.8%)

Harmony colors

Complementary

#073607

Analogous

#1f0736

#360736

#36071f

Triadic

#360736

#363607

#073636

Split-complementary

#360736

#1f3607

#07361f

Tetradic

#360736

#360707

#073607

#073636

Square

#360736

#361f07

#073607

#071f36

Shades

Color #360736 mixed toward black.

#2d062d

#240524

#1b041b

#120212

#090109

Tints

Color #360736 mixed toward white.

#781078

#bb18bb

#e538e5

#ee7bee

#f6bdf6

Tones

Color #360736 mixed toward gray.

#320b32

#2e0f2e

#2a132a

#261726

#231b23

Accessibility

Aa White text on this color

16.93:1

Aa Black text on this color

1.24:1

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

Under color vision deficiencies

Protanopia

#29282f · ΔE 19

Deuteranopia

#2b2d2d · ΔE 19.7

Tritanopia

#352927 · ΔE 20

Achromatopsia

#1d1d1d · ΔE 22.1

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

Code

CSS

background-color: #360736;

Tailwind (arbitrary value)

bg-[#360736]

Related colors

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Violet #ee82ee

Frequently asked questions

#360736 (#360736) is rgb(54, 7, 54) in RGB.

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

Generate a palette → Check contrast