#ae2a5c

Color #ae2a5c

A moderately saturated medium pink.

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

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

Conversions

HEX

#ae2a5c

RGB

rgb(174, 42, 92)

HSL

hsl(337.3, 61.1%, 42.4%)

HSV / HSB

hsv(337.3, 75.9%, 68.2%)

CMYK

cmyk(0%, 75.9%, 47.1%, 31.8%)

LAB

lab(40.3, 55.81, 3.17)

LCH

lch(40.3, 55.9, 3.25)

OKLCH

oklch(50.8%, 0.1712, 2.91)

HWB

hwb(337.3, 16.5%, 31.8%)

Harmony colors

Complementary

#2aae7c

Analogous

#ae2a9e

#ae2a5c

#ae3a2a

Triadic

#ae2a5c

#5cae2a

#2a5cae

Split-complementary

#ae2a5c

#2aae3a

#2a9eae

Tetradic

#ae2a5c

#ae7c2a

#2aae7c

#2a5cae

Square

#ae2a5c

#9eae2a

#2aae7c

#3a2aae

Shades

Color #ae2a5c mixed toward black.

#91234d

#741c3d

#57152e

#3a0e1f

#1d070f

Tints

Color #ae2a5c mixed toward white.

#cf3a72

#d9618f

#e289ab

#ecb0c7

#f5d8e3

Tones

Color #ae2a5c mixed toward gray.

#a3355f

#984061

#8d4b64

#825667

#776169

Accessibility

Aa White text on this color

6.39:1

Aa Black text on this color

3.29:1

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

Under color vision deficiencies

Protanopia

#898853 · ΔE 48.6

Deuteranopia

#8f9651 · ΔE 55.5

Tritanopia

#aa4b49 · ΔE 12.9

Achromatopsia

#5f5f5f · ΔE 25.7

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

Code

CSS

background-color: #ae2a5c;

Tailwind (arbitrary value)

bg-[#ae2a5c]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Deep Pink #ff1493

Crimson #dc143c

Pink #ffc0cb

Frequently asked questions

#ae2a5c (#ae2a5c) is rgb(174, 42, 92) in RGB.

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

Generate a palette → Check contrast