Palevioletred

palevioletred is a CSS color keyword. The closest Tailwind step is pink-400 (#f472b6).

#db7093rgb(219, 112, 147)

Hex: #db7093
RGB: 219, 112, 147
HSL: 340°, 60%, 65%
OKLCH: 67.8% 0.138 0.7
LAB: 60.6 45.5 0.4

Open #db7093 in the explorer

Text contrast

Black or white text on #db7093. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text6.8:1 AAAPCA Lc 49

White text3.1:1 FailAPCA Lc -61

Color vision

How #db7093 looks in simulations of color blindness, at full severity.

Full color
#db7093

Protanopia
#818694

Deuteranopia
#9c9a91

Tritanopia
#ea687d

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to palevioletred.

50 100200300400500600700800900950

Copy into CSS

color: palevioletred;
background: #db7093;

@theme {
  --color-palevioletred-50: #fff1f4;
  --color-palevioletred-100: #ffdee6;
  --color-palevioletred-200: #ffbbce;
  --color-palevioletred-300: #fb8daf;
  --color-palevioletred-400: #dc7194;
  --color-palevioletred-500: #ba5276;
  --color-palevioletred-600: #9b375c;
  --color-palevioletred-700: #811d46;
  --color-palevioletred-800: #660032;
  --color-palevioletred-900: #44001f;
  --color-palevioletred-950: #21000c;
}