Pale Violet Red #DB7093

Pale Violet Red#DB7093 · rgb(219, 112, 147)

Pale Violet Red color codes

CSS namepalevioletred
HEX#DB7093
RGBrgb(219, 112, 147)
HSLhsl(340, 60%, 65%)
CMYKcmyk(0%, 49%, 33%, 14%)
Decimal14381203

Shades of Pale Violet Red (darker)

#C56584 · #AF5A76 · #994E67 · #834358 · #6E384A · #582D3B · #42222C · #2C161D · #160B0F

Tints of Pale Violet Red (lighter)

#DF7E9E · #E28DA9 · #E69BB3 · #E9A9BE · #EDB8C9 · #F1C6D4 · #F4D4DF · #F8E2E9 · #FBF1F4

Color harmonies

Complementary
#70DBB8
Triadic
#94DB70, #7094DB
Analogous
#DB70C9, #DB8270

Accessibility (WCAG contrast)

White text on Pale Violet Red3.11:1 · AA large text only
Black text on Pale Violet Red6.75:1 · AA

Use Pale Violet Red in code

.element {
  color: palevioletred;          /* or #db7093 */
  background-color: rgb(219 112 147 / 0.5);
}

Frequently asked questions

What is the hex code for Pale Violet Red?

Pale Violet Red is #DB7093 in HEX, rgb(219, 112, 147) in RGB and hsl(340, 60%, 65%) in HSL.

Can I use "palevioletred" directly in CSS?

Yes. "palevioletred" is one of the 148 standard CSS named colors, so color: palevioletred; works in every browser.

Is Pale Violet Red readable on white?

The contrast ratio of Pale Violet Red on white is 3.11:1 (WCAG AA large text only). On black it is 6.75:1 (AA).

What is the complementary color of Pale Violet Red?

The complementary color (opposite on the color wheel) is #70DBB8.

Similar colors

Light Coral#F08080Rosy Brown#BC8F8FDark Salmon#E9967ASalmon#FA8072Hot Pink#FF69B4Indian Red#CD5C5CLight Salmon#FFA07AOrchid#DA70D6

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.