#562045

Color #562045

A moderately saturated dark magenta.

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

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

Conversions

HEX

#562045

RGB

rgb(86, 32, 69)

HSL

hsl(318.9, 45.8%, 23.1%)

HSV / HSB

hsv(318.9, 62.8%, 33.7%)

CMYK

cmyk(0%, 62.8%, 19.8%, 66.3%)

LAB

lab(21.73, 29.92, -11.08)

LCH

lch(21.73, 31.91, 339.68)

OKLCH

oklch(33.8%, 0.0937, 341.53)

HWB

hwb(318.9, 12.5%, 66.3%)

Harmony colors

Complementary

#205631

Analogous

#4c2056

#562045

#56202a

Triadic

#562045

#455620

#204556

Split-complementary

#562045

#2a5620

#20564c

Tetradic

#562045

#563120

#205631

#204556

Square

#562045

#564c20

#205631

#202a56

Shades

Color #562045 mixed toward black.

#481b39

#39152e

#2b1022

#1d0b17

#0e050b

Tints

Color #562045 mixed toward white.

#86326b

#b54391

#ca70ae

#dca0c9

#edcfe4

Tones

Color #562045 mixed toward gray.

#512443

#4d2942

#482d40

#44323e

#3f363d

Accessibility

Aa White text on this color

12.44:1

Aa Black text on this color

1.69:1

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

Under color vision deficiencies

Protanopia

#45443e · ΔE 26.7

Deuteranopia

#474b3d · ΔE 34.1

Tritanopia

#543837 · ΔE 14.9

Achromatopsia

#343434 · ΔE 21.9

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

Code

CSS

background-color: #562045;

Tailwind (arbitrary value)

bg-[#562045]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#562045 (#562045) is rgb(86, 32, 69) in RGB.

No, #562045 is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast