#4e4bdb

Color #4e4bdb

A moderately saturated medium blue.

Closest named color Medium Slate Blue #7b68ee · ΔE 14.16 Nearest Tailwind class blue-700 #1447e6 · ΔE 4.1

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

Conversions

HEX

#4e4bdb

RGB

rgb(78, 75, 219)

HSL

hsl(241.2, 66.7%, 57.6%)

HSV / HSB

hsv(241.2, 65.8%, 85.9%)

CMYK

cmyk(64.4%, 65.8%, 0%, 14.1%)

LAB

lab(40.84, 44.45, -73.21)

LCH

lch(40.84, 85.65, 301.26)

OKLCH

oklch(50.8%, 0.2126, 276.62)

HWB

hwb(241.2, 29.4%, 14.1%)

Harmony colors

Complementary

#d8db4b

Analogous

#4b90db

#4e4bdb

#964bdb

Triadic

#4e4bdb

#db4e4b

#4bdb4e

Split-complementary

#4e4bdb

#db964b

#90db4b

Tetradic

#4e4bdb

#db4bd8

#d8db4b

#4bdb4e

Square

#4e4bdb

#db4b90

#d8db4b

#4bdb96

Shades

Color #4e4bdb mixed toward black.

#2c29cc

#2321a3

#1a187a

#121052

#090829

Tints

Color #4e4bdb mixed toward white.

#6b69e1

#8987e7

#a6a5ed

#c4c3f3

#e1e1f9

Tones

Color #4e4bdb mixed toward gray.

#5957cf

#6563c3

#706fb7

#7c7bab

#87879f

Accessibility

Aa White text on this color

6.26:1

Aa Black text on this color

3.35:1

White text reads better on this background (6.26:1). That passes WCAG AA (≥4.5:1) for normal-size text, but not AAA.

Under color vision deficiencies

Protanopia

#4d4dc4 · ΔE 3.1

Deuteranopia

#4d4dbe · ΔE 4

Tritanopia

#4eb0ab · ΔE 43.4

Achromatopsia

#606060 · ΔE 29.3

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

Code

CSS

background-color: #4e4bdb;

Tailwind (arbitrary value)

bg-[#4e4bdb]

Related colors

Navy #000080

Lavender #e6e6fa

Blue #0000ff

Dark Blue #00008b

Ghost White #f8f8ff

Medium Blue #0000cd

Frequently asked questions

#4e4bdb (#4e4bdb) is rgb(78, 75, 219) in RGB.

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

Generate a palette → Check contrast