#49166c

Color #49166c

A moderately saturated dark purple.

Closest named color Midnight Blue #191970 · ΔE 13.58 Nearest Tailwind class purple-950 #3c0366 · ΔE 3.7

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

Conversions

HEX

#49166c

RGB

rgb(73, 22, 108)

HSL

hsl(275.6, 66.2%, 25.5%)

HSV / HSB

hsv(275.6, 79.6%, 42.4%)

CMYK

cmyk(32.4%, 79.6%, 0%, 57.6%)

LAB

lab(20.33, 39.56, -39.43)

LCH

lch(20.33, 55.85, 315.09)

OKLCH

oklch(33.1%, 0.1406, 307.14)

HWB

hwb(275.6, 8.6%, 57.6%)

Harmony colors

Complementary

#396c16

Analogous

#1e166c

#49166c

#6c1664

Triadic

#49166c

#6c4916

#166c49

Split-complementary

#49166c

#646c16

#166c1e

Tetradic

#49166c

#6c1639

#396c16

#166c49

Square

#49166c

#6c1e16

#396c16

#16646c

Shades

Color #49166c mixed toward black.

#3d125a

#310f48

#250b36

#180724

#0c0412

Tints

Color #49166c mixed toward white.

#6d21a1

#902dd4

#ac61df

#c896ea

#e3caf4

Tones

Color #49166c mixed toward gray.

#481d65

#46245e

#452c57

#44334f

#423a48

Accessibility

Aa White text on this color

13.01:1

Aa Black text on this color

1.61:1

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

Under color vision deficiencies

Protanopia

#39395f · ΔE 13.4

Deuteranopia

#3c3f5c · ΔE 15.9

Tritanopia

#475451 · ΔE 27.1

Achromatopsia

#313131 · ΔE 25.2

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

Code

CSS

background-color: #49166c;

Tailwind (arbitrary value)

bg-[#49166c]

Related colors

Indigo #4b0082

Blue Violet #8a2be2

Dark Orchid #9932cc

Rebecca Purple #663399

Dark Violet #9400d3

Medium Orchid #ba55d3

Frequently asked questions

#49166c (#49166c) is rgb(73, 22, 108) in RGB.

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

Generate a palette → Check contrast