thistle
CSS keyword
On white 1.7:1 · Fail
On black 12.36:1 · AAA
Pink Colors
Names, HEX, RGB & Contrast
119 named pink colors, grouped by lightness. Click any value to copy it.
Light
18 colors
plum
CSS keyword
On white 2.07:1 · Fail
On black 10.15:1 · AAA
violet
CSS keyword
On white 2.32:1 · Fail
On black 9.06:1 · AAA
hotpink
CSS keyword
On white 2.65:1 · Fail
On black 7.93:1 · AAA
light pink
On white 1.36:1 · Fail
On black 15.44:1 · AAA
pale mauve
On white 1.34:1 · Fail
On black 15.64:1 · AAA
pale pink
On white 1.38:1 · Fail
On black 15.21:1 · AAA
very light purple
On white 1.39:1 · Fail
On black 15.15:1 · AAA
pastel pink
On white 1.6:1 · Fail
On black 13.16:1 · AAA
baby pink
On white 1.63:1 · Fail
On black 12.92:1 · AAA
powder pink
On white 1.68:1 · Fail
On black 12.53:1 · AAA
pinky
On white 2.3:1 · Fail
On black 9.13:1 · AAA
bubblegum pink
On white 2.25:1 · Fail
On black 9.33:1 · AAA
carnation pink
On white 2.37:1 · Fail
On black 8.85:1 · AAA
pig pink
On white 2.38:1 · Fail
On black 8.81:1 · AAA
bubblegum
On white 2.6:1 · Fail
On black 8.06:1 · AAA
bubble gum pink
On white 2.66:1 · Fail
On black 7.89:1 · AAA
purply pink
On white 2.5:1 · Fail
On black 8.39:1 · AAA
Mid-tone
67 colors
palevioletred
CSS keyword
On white 3.11:1 · AA Large
On black 6.75:1 · AA
orchid
CSS keyword
On white 2.89:1 · Fail
On black 7.27:1 · AAA
deeppink
CSS keyword
On white 3.64:1 · AA Large
On black 5.77:1 · AA
fuchsia
CSS keyword
On white 3.14:1 · AA Large
On black 6.7:1 · AA
magenta
CSS keyword
On white 3.14:1 · AA Large
On black 6.7:1 · AA
mediumvioletred
CSS keyword
On white 5.42:1 · AA
On black 3.87:1 · AA Large
lavender pink
On white 2.5:1 · Fail
On black 8.41:1 · AAA
candy pink
On white 2.56:1 · Fail
On black 8.21:1 · AAA
rosy pink
On white 2.88:1 · Fail
On black 7.29:1 · AAA
violet pink
On white 2.58:1 · Fail
On black 8.14:1 · AAA
dull pink
On white 2.72:1 · Fail
On black 7.73:1 · AAA
light magenta
On white 2.61:1 · Fail
On black 8.04:1 · AAA
medium pink
On white 3.02:1 · AA Large
On black 6.96:1 · AA
light mauve
On white 2.65:1 · Fail
On black 7.92:1 · AAA
warm pink
On white 3.13:1 · AA Large
On black 6.72:1 · AA
muted pink
On white 3.13:1 · AA Large
On black 6.7:1 · AA
barbie pink
On white 3.17:1 · AA Large
On black 6.63:1 · AA
pale magenta
On white 3.26:1 · AA Large
On black 6.43:1 · AA
dusty lavender
On white 3.12:1 · AA Large
On black 6.73:1 · AA
purpleish pink
On white 3.46:1 · AA Large
On black 6.06:1 · AA
purplish pink
On white 3.62:1 · AA Large
On black 5.8:1 · AA
pink purple
On white 3.48:1 · AA Large
On black 6.03:1 · AA
darkish pink
On white 4.08:1 · AA Large
On black 5.15:1 · AA
purple pink
On white 3.58:1 · AA Large
On black 5.87:1 · AA
pinkish purple
On white 3.64:1 · AA Large
On black 5.77:1 · AA
mauve
On white 3.83:1 · AA Large
On black 5.48:1 · AA
pinky purple
On white 3.99:1 · AA Large
On black 5.26:1 · AA
purpley grey
On white 3.7:1 · AA Large
On black 5.67:1 · AA
dark lilac
On white 4.08:1 · AA Large
On black 5.14:1 · AA
pink/purple
On white 3.5:1 · AA Large
On black 6:1 · AA
dark pink
On white 4.66:1 · AA
On black 4.51:1 · AA
bright magenta
On white 3.25:1 · AA Large
On black 6.45:1 · AA
strong pink
On white 3.72:1 · AA Large
On black 5.64:1 · AA
purpley pink
On white 4.37:1 · AA Large
On black 4.8:1 · AA
purple/pink
On white 4.03:1 · AA Large
On black 5.21:1 · AA
electric pink
On white 3.7:1 · AA Large
On black 5.67:1 · AA
hot pink
On white 3.72:1 · AA Large
On black 5.65:1 · AA
shocking pink
On white 3.66:1 · AA Large
On black 5.74:1 · AA
neon pink
On white 3.69:1 · AA Large
On black 5.69:1 · AA
bright pink
On white 3.59:1 · AA Large
On black 5.85:1 · AA
pink red
On white 4.19:1 · AA Large
On black 5.02:1 · AA
hot magenta
On white 3.66:1 · AA Large
On black 5.74:1 · AA
purple grey
On white 4.54:1 · AA
On black 4.63:1 · AA
light plum
On white 5.09:1 · AA
On black 4.12:1 · AA Large
purpleish
On white 5.18:1 · AA
On black 4.05:1 · AA Large
lipstick
On white 5.17:1 · AA
On black 4.06:1 · AA Large
cerise
On white 4.84:1 · AA
On black 4.33:1 · AA Large
purplish
On white 5.29:1 · AA
On black 3.97:1 · AA Large
light burgundy
On white 5.88:1 · AA
On black 3.57:1 · AA Large
ugly purple
On white 5.43:1 · AA
On black 3.87:1 · AA Large
dusty purple
On white 5.34:1 · AA
On black 3.94:1 · AA Large
medium purple
On white 5.56:1 · AA
On black 3.78:1 · AA Large
dusky purple
On white 5.46:1 · AA
On black 3.85:1 · AA Large
muted purple
On white 5.58:1 · AA
On black 3.76:1 · AA Large
dull purple
On white 5.66:1 · AA
On black 3.71:1 · AA Large
dark hot pink
On white 5.06:1 · AA
On black 4.15:1 · AA Large
barney
On white 5.8:1 · AA
On black 3.62:1 · AA Large
dark mauve
On white 6.48:1 · AA
On black 3.24:1 · AA Large
light eggplant
On white 6.45:1 · AA
On black 3.25:1 · AA Large
deep pink
On white 5.65:1 · AA
On black 3.72:1 · AA Large
ruby
On white 5.82:1 · AA
On black 3.61:1 · AA Large
warm purple
On white 6.85:1 · AA
On black 3.07:1 · AA Large
rose red
On white 6.44:1 · AA
On black 3.26:1 · AA Large
bruise
On white 7.35:1 · AAA
On black 2.86:1 · Fail
dirty purple
On white 7.25:1 · AAA
On black 2.9:1 · Fail
rouge
On white 7.3:1 · AAA
On black 2.88:1 · Fail
purplish red
On white 7.07:1 · AAA
On black 2.97:1 · Fail
Dark
34 colors
darkmagenta
CSS keyword
On white 8.5:1 · AAA
On black 2.47:1 · Fail
purple
CSS keyword
On white 9.42:1 · AAA
On black 2.23:1 · Fail
raspberry
On white 7.13:1 · AAA
On black 2.95:1 · Fail
berry
On white 8.32:1 · AAA
On black 2.52:1 · Fail
violet red
On white 7.69:1 · AAA
On black 2.73:1 · Fail
dark fuchsia
On white 8.05:1 · AAA
On black 2.61:1 · Fail
barney purple
On white 7.08:1 · AAA
On black 2.97:1 · Fail
deep magenta
On white 7.9:1 · AAA
On black 2.66:1 · Fail
grape
On white 9.12:1 · AAA
On black 2.3:1 · Fail
red violet
On white 7.9:1 · AAA
On black 2.66:1 · Fail
cranberry
On white 8.35:1 · AAA
On black 2.51:1 · Fail
mulberry
On white 8.84:1 · AAA
On black 2.38:1 · Fail
purple red
On white 8.57:1 · AAA
On black 2.45:1 · Fail
reddish purple
On white 8.89:1 · AAA
On black 2.36:1 · Fail
dark magenta
On white 8.64:1 · AAA
On black 2.43:1 · Fail
darkish purple
On white 9.8:1 · AAA
On black 2.14:1 · Fail
red wine
On white 9.7:1 · AAA
On black 2.16:1 · Fail
red purple
On white 10.14:1 · AAA
On black 2.07:1 · Fail
wine
On white 10.53:1 · AAA
On black 1.99:1 · Fail
wine red
On white 11.17:1 · AAA
On black 1.88:1 · Fail
velvet
On white 11:1 · AAA
On black 1.91:1 · Fail
bordeaux
On white 11.18:1 · AAA
On black 1.88:1 · Fail
merlot
On white 11.74:1 · AAA
On black 1.79:1 · Fail
rich purple
On white 11.31:1 · AAA
On black 1.86:1 · Fail
grape purple
On white 12.47:1 · AAA
On black 1.68:1 · Fail
burgundy
On white 13.7:1 · AAA
On black 1.53:1 · Fail
plum purple
On white 14.37:1 · AAA
On black 1.46:1 · Fail
deep violet
On white 14.97:1 · AAA
On black 1.4:1 · Fail
eggplant purple
On white 15.71:1 · AAA
On black 1.34:1 · Fail
aubergine
On white 16.43:1 · AAA
On black 1.28:1 · Fail
dark purple
On white 16.84:1 · AAA
On black 1.25:1 · Fail
dark plum
On white 16.77:1 · AAA
On black 1.25:1 · Fail
eggplant
On white 16.74:1 · AAA
On black 1.25:1 · Fail
deep purple
On white 17.03:1 · AAA
On black 1.23:1 · Fail
Copy the whole palette
Every pink color on this page, ready to paste into your project.
CSS
:root {
--thistle: #d8bfd8;
--plum: #dda0dd;
--violet: #ee82ee;
--hotpink: #ff69b4;
--palevioletred: #db7093;
--orchid: #da70d6;
--deeppink: #ff1493;
--fuchsia: #ff00ff;
--magenta: #ff00ff;
--mediumvioletred: #c71585;
--darkmagenta: #8b008b;
--purple: #800080;
--light-pink: #ffd1df;
--pale-mauve: #fed0fc;
--pale-pink: #ffcfdc;
--very-light-purple: #f6cefc;
--pastel-pink: #ffbacd;
--baby-pink: #ffb7ce;
--powder-pink: #ffb2d0;
--pinky: #fc86aa;
--bubblegum-pink: #fe83cc;
--carnation-pink: #ff7fa7;
--pig-pink: #e78ea5;
--bubblegum: #ff6cb5;
--bubble-gum-pink: #ff69af;
--purply-pink: #f075e6;
--lavender-pink: #dd85d7;
--candy-pink: #ff63e9;
--rosy-pink: #f6688e;
--violet-pink: #fb5ffc;
--dull-pink: #d5869d;
--light-magenta: #fa5ff7;
--medium-pink: #f36196;
--light-mauve: #c292a1;
--warm-pink: #fb5581;
--muted-pink: #d1768f;
--barbie-pink: #fe46a5;
--pale-magenta: #d767ad;
--dusty-lavender: #ac86a8;
--purpleish-pink: #df4ec8;
--purplish-pink: #ce5dae;
--pink-purple: #db4bda;
--darkish-pink: #da467d;
--purple-pink: #e03fd8;
--pinkish-purple: #d648d7;
--mauve: #ae7181;
--pinky-purple: #c94cbe;
--purpley-grey: #947e94;
--dark-lilac: #9c6da5;
--pink-purple: #ef1de7;
--dark-pink: #cb416b;
--bright-magenta: #ff08e8;
--strong-pink: #ff0789;
--purpley-pink: #c83cb9;
--purple-pink: #d725de;
--electric-pink: #ff0490;
--hot-pink: #ff028d;
--shocking-pink: #fe02a2;
--neon-pink: #fe019a;
--bright-pink: #fe01b1;
--pink-red: #f5054f;
--hot-magenta: #f504c9;
--purple-grey: #866f85;
--light-plum: #9d5783;
--purpleish: #98568d;
--lipstick: #d5174e;
--cerise: #de0c62;
--purplish: #94568c;
--light-burgundy: #a8415b;
--ugly-purple: #a442a0;
--dusty-purple: #825f87;
--medium-purple: #9e43a2;
--dusky-purple: #895b7b;
--muted-purple: #805b87;
--dull-purple: #84597e;
--dark-hot-pink: #d90166;
--barney: #ac1db8;
--dark-mauve: #874c62;
--light-eggplant: #894585;
--deep-pink: #cb0162;
--ruby: #ca0147;
--warm-purple: #952e8f;
--rose-red: #be013c;
--bruise: #7e4071;
--dirty-purple: #734a65;
--rouge: #ab1239;
--purplish-red: #b0054b;
--raspberry: #b00149;
--berry: #990f4b;
--violet-red: #a50055;
--dark-fuchsia: #9d0759;
--barney-purple: #a00498;
--deep-magenta: #a0025c;
--grape: #6c3461;
--red-violet: #9e0168;
--cranberry: #9e003a;
--mulberry: #920a4e;
--purple-red: #990147;
--reddish-purple: #910951;
--dark-magenta: #960056;
--darkish-purple: #751973;
--red-wine: #8c0034;
--red-purple: #820747;
--wine: #80013f;
--wine-red: #7b0323;
--velvet: #750851;
--bordeaux: #7b002c;
--merlot: #730039;
--rich-purple: #720058;
--grape-purple: #5d1451;
--burgundy: #610023;
--plum-purple: #4e0550;
--deep-violet: #490648;
--eggplant-purple: #430541;
--aubergine: #3d0734;
--dark-purple: #35063e;
--dark-plum: #3f012c;
--eggplant: #380835;
--deep-purple: #36013f;
} SCSS
$thistle: #d8bfd8; $plum: #dda0dd; $violet: #ee82ee; $hotpink: #ff69b4; $palevioletred: #db7093; $orchid: #da70d6; $deeppink: #ff1493; $fuchsia: #ff00ff; $magenta: #ff00ff; $mediumvioletred: #c71585; $darkmagenta: #8b008b; $purple: #800080; $light-pink: #ffd1df; $pale-mauve: #fed0fc; $pale-pink: #ffcfdc; $very-light-purple: #f6cefc; $pastel-pink: #ffbacd; $baby-pink: #ffb7ce; $powder-pink: #ffb2d0; $pinky: #fc86aa; $bubblegum-pink: #fe83cc; $carnation-pink: #ff7fa7; $pig-pink: #e78ea5; $bubblegum: #ff6cb5; $bubble-gum-pink: #ff69af; $purply-pink: #f075e6; $lavender-pink: #dd85d7; $candy-pink: #ff63e9; $rosy-pink: #f6688e; $violet-pink: #fb5ffc; $dull-pink: #d5869d; $light-magenta: #fa5ff7; $medium-pink: #f36196; $light-mauve: #c292a1; $warm-pink: #fb5581; $muted-pink: #d1768f; $barbie-pink: #fe46a5; $pale-magenta: #d767ad; $dusty-lavender: #ac86a8; $purpleish-pink: #df4ec8; $purplish-pink: #ce5dae; $pink-purple: #db4bda; $darkish-pink: #da467d; $purple-pink: #e03fd8; $pinkish-purple: #d648d7; $mauve: #ae7181; $pinky-purple: #c94cbe; $purpley-grey: #947e94; $dark-lilac: #9c6da5; $pink-purple: #ef1de7; $dark-pink: #cb416b; $bright-magenta: #ff08e8; $strong-pink: #ff0789; $purpley-pink: #c83cb9; $purple-pink: #d725de; $electric-pink: #ff0490; $hot-pink: #ff028d; $shocking-pink: #fe02a2; $neon-pink: #fe019a; $bright-pink: #fe01b1; $pink-red: #f5054f; $hot-magenta: #f504c9; $purple-grey: #866f85; $light-plum: #9d5783; $purpleish: #98568d; $lipstick: #d5174e; $cerise: #de0c62; $purplish: #94568c; $light-burgundy: #a8415b; $ugly-purple: #a442a0; $dusty-purple: #825f87; $medium-purple: #9e43a2; $dusky-purple: #895b7b; $muted-purple: #805b87; $dull-purple: #84597e; $dark-hot-pink: #d90166; $barney: #ac1db8; $dark-mauve: #874c62; $light-eggplant: #894585; $deep-pink: #cb0162; $ruby: #ca0147; $warm-purple: #952e8f; $rose-red: #be013c; $bruise: #7e4071; $dirty-purple: #734a65; $rouge: #ab1239; $purplish-red: #b0054b; $raspberry: #b00149; $berry: #990f4b; $violet-red: #a50055; $dark-fuchsia: #9d0759; $barney-purple: #a00498; $deep-magenta: #a0025c; $grape: #6c3461; $red-violet: #9e0168; $cranberry: #9e003a; $mulberry: #920a4e; $purple-red: #990147; $reddish-purple: #910951; $dark-magenta: #960056; $darkish-purple: #751973; $red-wine: #8c0034; $red-purple: #820747; $wine: #80013f; $wine-red: #7b0323; $velvet: #750851; $bordeaux: #7b002c; $merlot: #730039; $rich-purple: #720058; $grape-purple: #5d1451; $burgundy: #610023; $plum-purple: #4e0550; $deep-violet: #490648; $eggplant-purple: #430541; $aubergine: #3d0734; $dark-purple: #35063e; $dark-plum: #3f012c; $eggplant: #380835; $deep-purple: #36013f;
Tailwind
theme: {
extend: {
colors: {
"thistle": "#d8bfd8",
"plum": "#dda0dd",
"violet": "#ee82ee",
"hotpink": "#ff69b4",
"palevioletred": "#db7093",
"orchid": "#da70d6",
"deeppink": "#ff1493",
"fuchsia": "#ff00ff",
"magenta": "#ff00ff",
"mediumvioletred": "#c71585",
"darkmagenta": "#8b008b",
"purple": "#800080",
"light-pink": "#ffd1df",
"pale-mauve": "#fed0fc",
"pale-pink": "#ffcfdc",
"very-light-purple": "#f6cefc",
"pastel-pink": "#ffbacd",
"baby-pink": "#ffb7ce",
"powder-pink": "#ffb2d0",
"pinky": "#fc86aa",
"bubblegum-pink": "#fe83cc",
"carnation-pink": "#ff7fa7",
"pig-pink": "#e78ea5",
"bubblegum": "#ff6cb5",
"bubble-gum-pink": "#ff69af",
"purply-pink": "#f075e6",
"lavender-pink": "#dd85d7",
"candy-pink": "#ff63e9",
"rosy-pink": "#f6688e",
"violet-pink": "#fb5ffc",
"dull-pink": "#d5869d",
"light-magenta": "#fa5ff7",
"medium-pink": "#f36196",
"light-mauve": "#c292a1",
"warm-pink": "#fb5581",
"muted-pink": "#d1768f",
"barbie-pink": "#fe46a5",
"pale-magenta": "#d767ad",
"dusty-lavender": "#ac86a8",
"purpleish-pink": "#df4ec8",
"purplish-pink": "#ce5dae",
"pink-purple": "#db4bda",
"darkish-pink": "#da467d",
"purple-pink": "#e03fd8",
"pinkish-purple": "#d648d7",
"mauve": "#ae7181",
"pinky-purple": "#c94cbe",
"purpley-grey": "#947e94",
"dark-lilac": "#9c6da5",
"pink-purple": "#ef1de7",
"dark-pink": "#cb416b",
"bright-magenta": "#ff08e8",
"strong-pink": "#ff0789",
"purpley-pink": "#c83cb9",
"purple-pink": "#d725de",
"electric-pink": "#ff0490",
"hot-pink": "#ff028d",
"shocking-pink": "#fe02a2",
"neon-pink": "#fe019a",
"bright-pink": "#fe01b1",
"pink-red": "#f5054f",
"hot-magenta": "#f504c9",
"purple-grey": "#866f85",
"light-plum": "#9d5783",
"purpleish": "#98568d",
"lipstick": "#d5174e",
"cerise": "#de0c62",
"purplish": "#94568c",
"light-burgundy": "#a8415b",
"ugly-purple": "#a442a0",
"dusty-purple": "#825f87",
"medium-purple": "#9e43a2",
"dusky-purple": "#895b7b",
"muted-purple": "#805b87",
"dull-purple": "#84597e",
"dark-hot-pink": "#d90166",
"barney": "#ac1db8",
"dark-mauve": "#874c62",
"light-eggplant": "#894585",
"deep-pink": "#cb0162",
"ruby": "#ca0147",
"warm-purple": "#952e8f",
"rose-red": "#be013c",
"bruise": "#7e4071",
"dirty-purple": "#734a65",
"rouge": "#ab1239",
"purplish-red": "#b0054b",
"raspberry": "#b00149",
"berry": "#990f4b",
"violet-red": "#a50055",
"dark-fuchsia": "#9d0759",
"barney-purple": "#a00498",
"deep-magenta": "#a0025c",
"grape": "#6c3461",
"red-violet": "#9e0168",
"cranberry": "#9e003a",
"mulberry": "#920a4e",
"purple-red": "#990147",
"reddish-purple": "#910951",
"dark-magenta": "#960056",
"darkish-purple": "#751973",
"red-wine": "#8c0034",
"red-purple": "#820747",
"wine": "#80013f",
"wine-red": "#7b0323",
"velvet": "#750851",
"bordeaux": "#7b002c",
"merlot": "#730039",
"rich-purple": "#720058",
"grape-purple": "#5d1451",
"burgundy": "#610023",
"plum-purple": "#4e0550",
"deep-violet": "#490648",
"eggplant-purple": "#430541",
"aubergine": "#3d0734",
"dark-purple": "#35063e",
"dark-plum": "#3f012c",
"eggplant": "#380835",
"deep-purple": "#36013f",
}
}
} Browse other color families
Copied
Pink color names
Pink runs from hue 290° to 345°, covering magenta, fuchsia, rose and the pale pinks. It sits between purple and red and includes some of the highest-chroma colours a screen can show — magenta in particular is close to the edge of the sRGB gamut.
Using these colors
Pink has moved well beyond its old gendered associations and is now a common accent in fashion, music and developer-tool branding. Hot pink and magenta are attention colours best used sparingly; the muted rose tones behave more like warm neutrals and work at scale. Pink pairs strikingly with deep green and navy.
Contrast and accessibility
Pale pinks are background colours — nearly all fail as text on white. Magenta and deep rose usually pass AA on white and are the safest text choices in this family. Because pink and red are adjacent, avoid using them to distinguish two states from each other.