#3a334d

Color #3a334d

A muted dark blue.

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

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

Conversions

HEX

#3a334d

RGB

rgb(58, 51, 77)

HSL

hsl(256.2, 20.3%, 25.1%)

HSV / HSB

hsv(256.2, 33.8%, 30.2%)

CMYK

cmyk(24.7%, 33.8%, 0%, 69.8%)

LAB

lab(23.01, 9.58, -14.83)

LCH

lch(23.01, 17.66, 302.86)

OKLCH

oklch(34%, 0.0457, 296.23)

HWB

hwb(256.2, 20%, 69.8%)

Harmony colors

Complementary

#464d33

Analogous

#33394d

#3a334d

#47334d

Triadic

#3a334d

#4d3a33

#334d3a

Split-complementary

#3a334d

#4d4733

#394d33

Tetradic

#3a334d

#4d3346

#464d33

#334d3a

Square

#3a334d

#4d3339

#464d33

#334d47

Shades

Color #3a334d mixed toward black.

#302b40

#272233

#1d1a26

#13111a

#0a090d

Tints

Color #3a334d mixed toward white.

#574c73

#74669a

#978cb3

#b9b2cc

#dcd9e6

Tones

Color #3a334d mixed toward gray.

#3b354b

#3c3749

#3d3a47

#3e3c44

#3f3e42

Accessibility

Aa White text on this color

11.93:1

Aa Black text on this color

1.76:1

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

Under color vision deficiencies

Protanopia

#373748 · ΔE 5.4

Deuteranopia

#373846 · ΔE 7

Tritanopia

#3a4342 · ΔE 17.9

Achromatopsia

#373737 · ΔE 14.1

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

Code

CSS

background-color: #3a334d;

Tailwind (arbitrary value)

bg-[#3a334d]

Related colors

Medium Purple #9370db

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Rebecca Purple #663399

Blue Violet #8a2be2

Frequently asked questions

#3a334d (#3a334d) is rgb(58, 51, 77) in RGB.

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

Generate a palette → Check contrast