#3d2ea2

Color #3d2ea2

A moderately saturated medium blue.

Closest named color Rebecca Purple #663399 · ΔE 14.19 Nearest Tailwind class indigo-800 #372aac · ΔE 1.8

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

Conversions

HEX

#3d2ea2

RGB

rgb(61, 46, 162)

HSL

hsl(247.8, 55.8%, 40.8%)

HSV / HSB

hsv(247.8, 71.6%, 63.5%)

CMYK

cmyk(62.3%, 71.6%, 0%, 36.5%)

LAB

lab(28.26, 40.63, -60.37)

LCH

lch(28.26, 72.77, 303.94)

OKLCH

oklch(39.9%, 0.1771, 280.57)

HWB

hwb(247.8, 18%, 36.5%)

Harmony colors

Complementary

#93a22e

Analogous

#2e59a2

#3d2ea2

#772ea2

Triadic

#3d2ea2

#a23d2e

#2ea23d

Split-complementary

#3d2ea2

#a2772e

#59a22e

Tetradic

#3d2ea2

#a22e93

#93a22e

#2ea23d

Square

#3d2ea2

#a22e59

#93a22e

#2ea277

Shades

Color #3d2ea2 mixed toward black.

#332687

#291f6c

#1f1751

#140f36

#0a081b

Tints

Color #3d2ea2 mixed toward white.

#4d3bc7

#7162d3

#9489de

#b8b1e9

#dbd8f4

Tones

Color #3d2ea2 mixed toward gray.

#443898

#4b418f

#534b85

#5a557b

#615e72

Accessibility

Aa White text on this color

9.95:1

Aa Black text on this color

2.11:1

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

Under color vision deficiencies

Protanopia

#373790 · ΔE 4.3

Deuteranopia

#38398c · ΔE 5.3

Tritanopia

#3c807c · ΔE 37.3

Achromatopsia

#434343 · ΔE 27.6

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

Code

CSS

background-color: #3d2ea2;

Tailwind (arbitrary value)

bg-[#3d2ea2]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#3d2ea2 (#3d2ea2) is rgb(61, 46, 162) in RGB.

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

Generate a palette → Check contrast