#4b4358

Color #4b4358

A nearly neutral, gray-leaning dark purple.

Closest named color Charcoal #36454f · ΔE 12 Nearest Tailwind class mauve-600 #594c5b · ΔE 4.7

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

Conversions

HEX

#4b4358

RGB

rgb(75, 67, 88)

HSL

hsl(262.9, 13.5%, 30.4%)

HSV / HSB

hsv(262.9, 23.9%, 34.5%)

CMYK

cmyk(14.8%, 23.9%, 0%, 65.5%)

LAB

lab(29.95, 8.18, -11.25)

LCH

lch(29.95, 13.91, 306.02)

OKLCH

oklch(39.9%, 0.0362, 302.24)

HWB

hwb(262.9, 26.3%, 65.5%)

Harmony colors

Complementary

#505843

Analogous

#434658

#4b4358

#564358

Triadic

#4b4358

#584b43

#43584b

Split-complementary

#4b4358

#585643

#465843

Tetradic

#4b4358

#584350

#505843

#43584b

Square

#4b4358

#584346

#505843

#435856

Shades

Color #4b4358 mixed toward black.

#3f3849

#322d3b

#26222c

#19161d

#0d0b0f

Tints

Color #4b4358 mixed toward white.

#685d7a

#857999

#a39ab2

#c2bccc

#e0dde5

Tones

Color #4b4358 mixed toward gray.

#4b4556

#4c4754

#4c4853

#4d4a51

#4d4c4f

Accessibility

Aa White text on this color

9.36:1

Aa Black text on this color

2.24:1

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

Under color vision deficiencies

Protanopia

#484853 · ΔE 6.5

Deuteranopia

#484952 · ΔE 7.9

Tritanopia

#4b504f · ΔE 14.8

Achromatopsia

#474747 · ΔE 12.1

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

Code

CSS

background-color: #4b4358;

Tailwind (arbitrary value)

bg-[#4b4358]

Related colors

Medium Purple #9370db

Rebecca Purple #663399

Blue Violet #8a2be2

Indigo #4b0082

Dark Slate Blue #483d8b

Medium Slate Blue #7b68ee

Frequently asked questions

#4b4358 (#4b4358) is rgb(75, 67, 88) in RGB.

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

Generate a palette → Check contrast