#452a42

Color #452a42

A muted dark magenta.

Closest named color Charcoal #36454f · ΔE 21.63 Nearest Tailwind class mauve-700 #463947 · ΔE 7.3

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

Conversions

HEX

#452a42

RGB

rgb(69, 42, 66)

HSL

hsl(306.7, 24.3%, 21.8%)

HSV / HSB

hsv(306.7, 39.1%, 27.1%)

CMYK

cmyk(0%, 39.1%, 4.3%, 72.9%)

LAB

lab(21.26, 17.07, -9.99)

LCH

lch(21.26, 19.78, 329.66)

OKLCH

oklch(32.8%, 0.0552, 330.74)

HWB

hwb(306.7, 16.5%, 72.9%)

Harmony colors

Complementary

#2a452d

Analogous

#3b2a45

#452a42

#452a35

Triadic

#452a42

#42452a

#2a4245

Split-complementary

#452a42

#35452a

#2a453b

Tetradic

#452a42

#452d2a

#2a452d

#2a4245

Square

#452a42

#453b2a

#2a452d

#2a3545

Shades

Color #452a42 mixed toward black.

#3a2337

#2e1c2c

#231521

#170e16

#0c070b

Tints

Color #452a42 mixed toward white.

#6e436a

#985c91

#b483ae

#cdacc9

#e6d6e4

Tones

Color #452a42 mixed toward gray.

#432c40

#412f3f

#3e313d

#3c333b

#3a3539

Accessibility

Aa White text on this color

12.63:1

Aa Black text on this color

1.66:1

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

Under color vision deficiencies

Protanopia

#3b3b3d · ΔE 16.2

Deuteranopia

#3c3e3c · ΔE 20.5

Tritanopia

#443938 · ΔE 13.6

Achromatopsia

#333333 · ΔE 16.9

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

Code

CSS

background-color: #452a42;

Tailwind (arbitrary value)

bg-[#452a42]

Related colors

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Plum #dda0dd

Purple #800080

Thistle #d8bfd8

Frequently asked questions

#452a42 (#452a42) is rgb(69, 42, 66) in RGB.

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

Generate a palette → Check contrast