#a53d64

Color #a53d64

A moderately saturated medium pink.

Closest named color Pale Violet Red #db7093 · ΔE 18.97 Nearest Tailwind class pink-700 #c6005c · ΔE 7

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

Conversions

HEX

#a53d64

RGB

rgb(165, 61, 100)

HSL

hsl(337.5, 46%, 44.3%)

HSV / HSB

hsv(337.5, 63%, 64.7%)

CMYK

cmyk(0%, 63%, 39.4%, 35.3%)

LAB

lab(41.63, 46.45, -0.11)

LCH

lch(41.63, 46.45, 359.86)

OKLCH

oklch(51.5%, 0.1419, 0.12)

HWB

hwb(337.5, 23.9%, 35.3%)

Harmony colors

Complementary

#3da57e

Analogous

#a53d98

#a53d64

#a54a3d

Triadic

#a53d64

#64a53d

#3d64a5

Split-complementary

#a53d64

#3da54a

#3d98a5

Tetradic

#a53d64

#a57e3d

#3da57e

#3d64a5

Square

#a53d64

#98a53d

#3da57e

#4a3da5

Shades

Color #a53d64 mixed toward black.

#893353

#6e2943

#521f32

#371421

#1b0a11

Tints

Color #a53d64 mixed toward white.

#bf527b

#cc7595

#d997b0

#e5baca

#f2dce5

Tones

Color #a53d64 mixed toward gray.

#9c4666

#944e68

#8b576a

#82606d

#7a686f

Accessibility

Aa White text on this color

6.08:1

Aa Black text on this color

3.45:1

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

Under color vision deficiencies

Protanopia

#85845c · ΔE 42.5

Deuteranopia

#8a905a · ΔE 49

Tritanopia

#a25654 · ΔE 12.4

Achromatopsia

#626262 · ΔE 24.7

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

Code

CSS

background-color: #a53d64;

Tailwind (arbitrary value)

bg-[#a53d64]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#a53d64 (#a53d64) is rgb(165, 61, 100) in RGB.

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

Generate a palette → Check contrast