#93284b

Color #93284b

A moderately saturated dark pink.

Closest named color Indian Red #cd5c5c · ΔE 25.62 Nearest Tailwind class pink-800 #a3004c · ΔE 3.9

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

Conversions

HEX

#93284b

RGB

rgb(147, 40, 75)

HSL

hsl(340.4, 57.2%, 36.7%)

HSV / HSB

hsv(340.4, 72.8%, 57.6%)

CMYK

cmyk(0%, 72.8%, 49%, 42.4%)

LAB

lab(34.46, 46.96, 5)

LCH

lch(34.46, 47.23, 6.08)

OKLCH

oklch(45.4%, 0.144, 5.26)

HWB

hwb(340.4, 15.7%, 42.4%)

Harmony colors

Complementary

#289370

Analogous

#932881

#93284b

#933b28

Triadic

#93284b

#4b9328

#284b93

Split-complementary

#93284b

#28933b

#288193

Tetradic

#93284b

#937028

#289370

#284b93

Square

#93284b

#819328

#289370

#3b2893

Shades

Color #93284b mixed toward black.

#7b213f

#621b32

#4a1426

#310d19

#19070d

Tints

Color #93284b mixed toward white.

#bd3461

#d1567e

#dc809e

#e8aabf

#f3d5df

Tones

Color #93284b mixed toward gray.

#8a314e

#813a51

#784354

#6f4c57

#67555a

Accessibility

Aa White text on this color

7.94:1

Aa Black text on this color

2.65:1

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

Under color vision deficiencies

Protanopia

#747344 · ΔE 43

Deuteranopia

#797f43 · ΔE 48.9

Tritanopia

#903f3d · ΔE 10.5

Achromatopsia

#515151 · ΔE 24.7

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

Code

CSS

background-color: #93284b;

Tailwind (arbitrary value)

bg-[#93284b]

Related colors

Pale Violet Red #db7093

Lavender Blush #fff0f5

Crimson #dc143c

Pink #ffc0cb

Hot Pink #ff69b4

Light Pink #ffb6c1

Frequently asked questions

#93284b (#93284b) is rgb(147, 40, 75) in RGB.

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

Generate a palette → Check contrast