About Pale Violet Red
Pale Violet Red (palevioletred) is a light, vivid pink with the hex code #db7093, or rgb(219, 112, 147). In HSL it sits at a hue of 340°, 60% saturation and 65% lightness. It is one of the 148 named colors every browser understands, so you can write color: palevioletred; instead of the hex value.
Using Pale Violet Red for text and backgrounds
| Pairing | Contrast ratio | WCAG |
|---|---|---|
| Pale Violet Red text on white | 3.11 : 1 | AA large text only |
| Pale Violet Red text on black | 6.75 : 1 | AA |
On a pale violet red background, use black text (6.75 : 1). WCAG asks for at least 4.5 : 1 for body text and 3 : 1 for large text. Check other pairs with the Contrast Checker.
CSS
.element {
color: palevioletred; /* or #db7093 */
background-color: #db7093;
border: 1px solid rgb(219 112 147 / 50%);
}Similar named colors
Light Coral (#f08080), Rosy Brown (#bc8f8f), Dark Salmon (#e9967a), Salmon (#fa8072), Hot Pink (#ff69b4), Indian Red (#cd5c5c).
Color Name FinderPaste a HEX code to get its closest human-readable name and clean token names for your CSS, SCSS, JavaScript or Tailwind config.
Open the tool Frequently asked questions
What is the hex code for pale violet red?
#db7093 — that is rgb(219, 112, 147) and hsl(340, 60%, 65%). In CSS you can also just write palevioletred.
Is pale violet red text readable on white?
Its contrast ratio on white is 3.11 : 1, which passes only for large text (WCAG AA large).
What colors go well with pale violet red?
Its complementary color is #70dbb8; analogous colors #db70c9 and #db8270 sit next to it on the color wheel.