#4e4296

Color #4e4296

A muted medium blue.

Closest named color Dark Slate Blue #483d8b · ΔE 4.01 Nearest Tailwind class indigo-900 #312c85 · ΔE 7.2

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

Conversions

HEX

#4e4296

RGB

rgb(78, 66, 150)

HSL

hsl(248.6, 38.9%, 42.4%)

HSV / HSB

hsv(248.6, 56%, 58.8%)

CMYK

cmyk(48%, 56%, 0%, 41.2%)

LAB

lab(33.39, 27.74, -44.67)

LCH

lch(33.39, 52.58, 301.84)

OKLCH

oklch(43.7%, 0.1326, 286.07)

HWB

hwb(248.6, 25.9%, 41.2%)

Harmony colors

Complementary

#8a9642

Analogous

#426096

#4e4296

#784296

Triadic

#4e4296

#964e42

#42964e

Split-complementary

#4e4296

#967842

#609642

Tetradic

#4e4296

#96428a

#8a9642

#42964e

Square

#4e4296

#964260

#8a9642

#429678

Shades

Color #4e4296 mixed toward black.

#41377d

#342c64

#27214b

#1a1632

#0d0b19

Tints

Color #4e4296 mixed toward white.

#6355b4

#8277c3

#a199d2

#c0bbe1

#e0ddf0

Tones

Color #4e4296 mixed toward gray.

#53498f

#585088

#5d5781

#625e7a

#676573

Accessibility

Aa White text on this color

8.26:1

Aa Black text on this color

2.54:1

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

Under color vision deficiencies

Protanopia

#494988 · ΔE 4.3

Deuteranopia

#4a4b84 · ΔE 5.4

Tritanopia

#4d7b77 · ΔE 31.4

Achromatopsia

#4e4e4e · ΔE 24.5

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

Code

CSS

background-color: #4e4296;

Tailwind (arbitrary value)

bg-[#4e4296]

Related colors

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Slate Blue #6a5acd

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Frequently asked questions

#4e4296 (#4e4296) is rgb(78, 66, 150) in RGB.

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

Generate a palette → Check contrast