#894c62

Color #894c62

A muted medium pink.

Closest named color Pale Violet Red #db7093 · ΔE 26.54 Nearest Tailwind class pink-800 #a3004c · ΔE 12

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

Conversions

HEX

#894c62

RGB

rgb(137, 76, 98)

HSL

hsl(338.4, 28.6%, 41.8%)

HSV / HSB

hsv(338.4, 44.5%, 53.7%)

CMYK

cmyk(0%, 44.5%, 28.5%, 46.3%)

LAB

lab(40.2, 28.61, -1.47)

LCH

lch(40.2, 28.65, 357.06)

OKLCH

oklch(49.6%, 0.0865, 357.68)

HWB

hwb(338.4, 29.8%, 46.3%)

Harmony colors

Complementary

#4c8973

Analogous

#894c81

#894c62

#89554c

Triadic

#894c62

#62894c

#4c6289

Split-complementary

#894c62

#4c8955

#4c8189

Tetradic

#894c62

#89734c

#4c8973

#4c6289

Square

#894c62

#81894c

#4c8973

#554c89

Shades

Color #894c62 mixed toward black.

#723f52

#5b3341

#452631

#2e1921

#170d10

Tints

Color #894c62 mixed toward white.

#a76079

#b88094

#caa0af

#dcbfca

#eddfe4

Tones

Color #894c62 mixed toward gray.

#845163

#7f5665

#7a5b66

#756068

#706669

Accessibility

Aa White text on this color

6.41:1

Aa Black text on this color

3.27:1

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

Under color vision deficiencies

Protanopia

#74735d · ΔE 32.3

Deuteranopia

#777b5c · ΔE 37

Tritanopia

#875958 · ΔE 9

Achromatopsia

#5f5f5f · ΔE 21.3

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

Code

CSS

background-color: #894c62;

Tailwind (arbitrary value)

bg-[#894c62]

Related colors

Lavender Blush #fff0f5

Pale Violet Red #db7093

Hot Pink #ff69b4

Crimson #dc143c

Deep Pink #ff1493

Pink #ffc0cb

Frequently asked questions

#894c62 (#894c62) is rgb(137, 76, 98) in RGB.

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

Generate a palette → Check contrast