#401a4f

Color #401a4f

A moderately saturated dark purple.

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

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

Conversions

HEX

#401a4f

RGB

rgb(64, 26, 79)

HSL

hsl(283, 50.5%, 20.6%)

HSV / HSB

hsv(283, 67.1%, 31%)

CMYK

cmyk(19%, 67.1%, 0%, 69%)

LAB

lab(17.43, 28.29, -24.9)

LCH

lch(17.43, 37.69, 318.65)

OKLCH

oklch(30%, 0.0991, 315.2)

HWB

hwb(283, 10.2%, 69%)

Harmony colors

Complementary

#294f1a

Analogous

#251a4f

#401a4f

#4f1a44

Triadic

#401a4f

#4f401a

#1a4f40

Split-complementary

#401a4f

#444f1a

#1a4f25

Tetradic

#401a4f

#4f1a29

#294f1a

#1a4f40

Square

#401a4f

#4f251a

#294f1a

#1a444f

Shades

Color #401a4f mixed toward black.

#351642

#2b1135

#200d28

#15091a

#0b040d

Tints

Color #401a4f mixed toward white.

#692b82

#923bb5

#b067cd

#ca99de

#e5ccee

Tones

Color #401a4f mixed toward gray.

#3e1e4b

#3c2346

#3a2742

#382c3d

#363039

Accessibility

Aa White text on this color

14.2:1

Aa Black text on this color

1.48:1

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

Under color vision deficiencies

Protanopia

#333346 · ΔE 14.5

Deuteranopia

#353844 · ΔE 17.8

Tritanopia

#3f3e3d · ΔE 23.7

Achromatopsia

#2b2b2b · ΔE 22.4

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

Code

CSS

background-color: #401a4f;

Tailwind (arbitrary value)

bg-[#401a4f]

Related colors

Dark Violet #9400d3

Dark Orchid #9932cc

Medium Orchid #ba55d3

Indigo #4b0082

Blue Violet #8a2be2

Rebecca Purple #663399

Frequently asked questions

#401a4f (#401a4f) is rgb(64, 26, 79) in RGB.

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

Generate a palette → Check contrast