#c757a4

Color #c757a4

A moderately saturated medium magenta.

Closest named color Orchid #da70d6 · ΔE 17.03 Nearest Tailwind class pink-500 #f6339a · ΔE 8.7

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

Conversions

HEX

#c757a4

RGB

rgb(199, 87, 164)

HSL

hsl(318.8, 50%, 56.1%)

HSV / HSB

hsv(318.8, 56.3%, 78%)

CMYK

cmyk(0%, 56.3%, 17.6%, 22%)

LAB

lab(53.64, 53.57, -20.14)

LCH

lch(53.64, 57.23, 339.4)

OKLCH

oklch(62.2%, 0.1678, 341.26)

HWB

hwb(318.8, 34.1%, 22%)

Harmony colors

Complementary

#57c77a

Analogous

#b257c7

#c757a4

#c7576c

Triadic

#c757a4

#a4c757

#57a4c7

Split-complementary

#c757a4

#6cc757

#57c7b2

Tetradic

#c757a4

#c77a57

#57c77a

#57a4c7

Square

#c757a4

#c7b257

#57c77a

#576cc7

Shades

Color #c757a4 mixed toward black.

#b33c8d

#8f3071

#6b2455

#481839

#240c1c

Tints

Color #c757a4 mixed toward white.

#d073b3

#da8fc2

#e3abd1

#ecc7e1

#f6e3f0

Tones

Color #c757a4 mixed toward gray.

#be60a0

#b46a9d

#ab739a

#a27c96

#988693

Accessibility

Aa White text on this color

3.94:1

Aa Black text on this color

5.33:1

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

Under color vision deficiencies

Protanopia

#a3a296 · ΔE 35.7

Deuteranopia

#a8af92 · ΔE 47

Tritanopia

#c38986 · ΔE 21.7

Achromatopsia

#808080 · ΔE 25.7

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

Code

CSS

background-color: #c757a4;

Tailwind (arbitrary value)

bg-[#c757a4]

Related colors

Medium Violet Red #c71585

Deep Pink #ff1493

Hot Pink #ff69b4

Orchid #da70d6

Dark Magenta #8b008b

Fuchsia #ff00ff

Frequently asked questions

#c757a4 (#c757a4) is rgb(199, 87, 164) in RGB.

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

Generate a palette → Check contrast