#4a3bb6

Color #4a3bb6

A moderately saturated medium blue.

Closest named color Slate Blue #6a5acd · ΔE 13.69 Nearest Tailwind class indigo-800 #372aac · ΔE 4.8

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

Conversions

HEX

#4a3bb6

RGB

rgb(74, 59, 182)

HSL

hsl(247.3, 51%, 47.3%)

HSV / HSB

hsv(247.3, 67.6%, 71.4%)

CMYK

cmyk(59.3%, 67.6%, 0%, 28.6%)

LAB

lab(33.9, 41.39, -63.06)

LCH

lch(33.9, 75.43, 303.28)

OKLCH

oklch(44.8%, 0.1853, 281.39)

HWB

hwb(247.3, 23.1%, 28.6%)

Harmony colors

Complementary

#a7b63b

Analogous

#3b6ab6

#4a3bb6

#883bb6

Triadic

#4a3bb6

#b64a3b

#3bb64a

Split-complementary

#4a3bb6

#b6883b

#6ab63b

Tetradic

#4a3bb6

#b63ba7

#a7b63b

#3bb64a

Square

#4a3bb6

#b63b6a

#a7b63b

#3bb688

Shades

Color #4a3bb6 mixed toward black.

#3e3198

#312779

#251e5b

#19143d

#0c0a1e

Tints

Color #4a3bb6 mixed toward white.

#6456c8

#8378d3

#a29ade

#c1bbe9

#e0ddf4

Tones

Color #4a3bb6 mixed toward gray.

#5245ac

#5a50a2

#615a97

#69648d

#716e83

Accessibility

Aa White text on this color

8.1:1

Aa Black text on this color

2.59:1

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

Under color vision deficiencies

Protanopia

#4444a3 · ΔE 4.3

Deuteranopia

#45469e · ΔE 5.4

Tritanopia

#49918d · ΔE 38.9

Achromatopsia

#505050 · ΔE 28

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

Code

CSS

background-color: #4a3bb6;

Tailwind (arbitrary value)

bg-[#4a3bb6]

Related colors

Slate Blue #6a5acd

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#4a3bb6 (#4a3bb6) is rgb(74, 59, 182) in RGB.

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

Generate a palette → Check contrast