#4b233c

Color #4b233c

A muted dark magenta.

Closest named color Charcoal #36454f · ΔE 27.17 Nearest Tailwind class pink-950 #510424 · ΔE 9.2

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

Conversions

HEX

#4b233c

RGB

rgb(75, 35, 60)

HSL

hsl(322.5, 36.4%, 21.6%)

HSV / HSB

hsv(322.5, 53.3%, 29.4%)

CMYK

cmyk(0%, 53.3%, 20%, 70.6%)

LAB

lab(20.14, 22.63, -7.5)

LCH

lch(20.14, 23.84, 341.66)

OKLCH

oklch(32.1%, 0.0701, 343.5)

HWB

hwb(322.5, 13.7%, 70.6%)

Harmony colors

Complementary

#234b32

Analogous

#46234b

#4b233c

#4b2328

Triadic

#4b233c

#3c4b23

#233c4b

Split-complementary

#4b233c

#284b23

#234b46

Tetradic

#4b233c

#4b3223

#234b32

#233c4b

Square

#4b233c

#4b4623

#234b32

#23284b

Shades

Color #4b233c mixed toward black.

#3f1d32

#321728

#26121e

#190c14

#0d060a

Tints

Color #4b233c mixed toward white.

#793860

#a64d85

#bf77a4

#d5a4c2

#ead2e1

Tones

Color #4b233c mixed toward gray.

#48263b

#442a3a

#412d3a

#3e3039

#3a3438

Accessibility

Aa White text on this color

13.09:1

Aa Black text on this color

1.6:1

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

Under color vision deficiencies

Protanopia

#3d3d37 · ΔE 24.3

Deuteranopia

#3f4236 · ΔE 29.8

Tritanopia

#4a3332 · ΔE 12.1

Achromatopsia

#313131 · ΔE 19.2

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

Code

CSS

background-color: #4b233c;

Tailwind (arbitrary value)

bg-[#4b233c]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Lavender Blush #fff0f5

Pale Violet Red #db7093

Orchid #da70d6

Frequently asked questions

#4b233c (#4b233c) is rgb(75, 35, 60) in RGB.

No, #4b233c is not one of the 216 web-safe colors — for that, every RGB channel would have to be a multiple of 51.

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

Generate a palette → Check contrast