#cd3280

Color #cd3280

A moderately saturated medium magenta.

Closest named color Medium Violet Red #c71585 · ΔE 10.46 Nearest Tailwind class pink-600 #e60076 · ΔE 5.2

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

Conversions

HEX

#cd3280

RGB

rgb(205, 50, 128)

HSL

hsl(329.8, 60.8%, 50%)

HSV / HSB

hsv(329.8, 75.6%, 80.4%)

CMYK

cmyk(0%, 75.6%, 37.6%, 19.6%)

LAB

lab(48.04, 65.23, -7.08)

LCH

lch(48.04, 65.61, 353.81)

OKLCH

oklch(57.9%, 0.2011, 354.89)

HWB

hwb(329.8, 19.6%, 19.6%)

Harmony colors

Complementary

#32cd7f

Analogous

#cd32cd

#cd3280

#cd3232

Triadic

#cd3280

#80cd32

#3280cd

Split-complementary

#cd3280

#32cd32

#32cdcd

Tetradic

#cd3280

#cd7f32

#32cd7f

#3280cd

Square

#cd3280

#cdcd32

#32cd7f

#3232cd

Shades

Color #cd3280 mixed toward black.

#ab2a6b

#892155

#671940

#44112b

#220815

Tints

Color #cd3280 mixed toward white.

#d55495

#de76aa

#e698c0

#eebbd5

#f7ddea

Tones

Color #cd3280 mixed toward gray.

#c03f80

#b34c80

#a65980

#996680

#8c7380

Accessibility

Aa White text on this color

4.81:1

Aa Black text on this color

4.36:1

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

Under color vision deficiencies

Protanopia

#a2a173 · ΔE 51.3

Deuteranopia

#a8b170 · ΔE 59.9

Tritanopia

#c96764 · ΔE 18.5

Achromatopsia

#727272 · ΔE 26.8

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

Code

CSS

background-color: #cd3280;

Tailwind (arbitrary value)

bg-[#cd3280]

Related colors

Hot Pink #ff69b4

Deep Pink #ff1493

Medium Violet Red #c71585

Lavender Blush #fff0f5

Pale Violet Red #db7093

Crimson #dc143c

Frequently asked questions

#cd3280 (#cd3280) is rgb(205, 50, 128) in RGB.

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

Generate a palette → Check contrast