#3d32a6

Color #3d32a6

A moderately saturated medium blue.

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

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

Conversions

HEX

#3d32a6

RGB

rgb(61, 50, 166)

HSL

hsl(245.7, 53.7%, 42.4%)

HSV / HSB

hsv(245.7, 69.9%, 65.1%)

CMYK

cmyk(63.3%, 69.9%, 0%, 34.9%)

LAB

lab(29.48, 39.59, -60.79)

LCH

lch(29.48, 72.55, 303.07)

OKLCH

oklch(40.9%, 0.1777, 279.33)

HWB

hwb(245.7, 19.6%, 34.9%)

Harmony colors

Complementary

#9ba632

Analogous

#3261a6

#3d32a6

#7732a6

Triadic

#3d32a6

#a63d32

#32a63d

Split-complementary

#3d32a6

#a67732

#61a632

Tetradic

#3d32a6

#a6329b

#9ba632

#32a63d

Square

#3d32a6

#a63261

#9ba632

#32a677

Shades

Color #3d32a6 mixed toward black.

#332a8a

#29216f

#1f1953

#141137

#0a081c

Tints

Color #3d32a6 mixed toward white.

#4f43c6

#7268d2

#968edd

#b9b4e8

#dcd9f4

Tones

Color #3d32a6 mixed toward gray.

#453c9d

#4d4593

#554f89

#5c597f

#646276

Accessibility

Aa White text on this color

9.52:1

Aa Black text on this color

2.21:1

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

Under color vision deficiencies

Protanopia

#393894 · ΔE 3.6

Deuteranopia

#393a8f · ΔE 4.7

Tritanopia

#3d8480 · ΔE 37.7

Achromatopsia

#454545 · ΔE 27.6

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

Code

CSS

background-color: #3d32a6;

Tailwind (arbitrary value)

bg-[#3d32a6]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#3d32a6 (#3d32a6) is rgb(61, 50, 166) in RGB.

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

Generate a palette → Check contrast