Pale Violet Red Color (#DB7093)
Pale Violet Red is a CSS named color defined as hex code #DB7093. At RGB(219, 112, 147) it is a muted, dusty rose: less saturated than Hot Pink and darker than the pale pinks, so it looks grown-up rather than sweet.
Color Overview & Formats
palevioletredLuminance: 0.2875| Format | Syntax / Values | Notes | Action |
|---|---|---|---|
| HEX | #DB7093 | 6-digit hex web code | |
| RGB | rgb(219, 112, 147) | Red, Green, Blue channels (0-255) | |
| HSL | hsl(340, 60%, 65%) | Hue (340°), Saturation (60%), Lightness (65%) | |
| HSV / HSB | hsv(340, 49%, 86%) | Hue, Saturation (49%), Value/Brightness (86%) | |
| CMYK | cmyk(0%, 49%, 33%, 14%) | Digital mathematical approximation (non-print) | |
| OKLCH | oklch(0.678 0.138 0.7) | Perceptually uniform color space (CSS Color 4 approximation) |
background-color: #DB7093; /* or palevioletred */- Select color format: Choose the desired format (HEX #DB7093, RGB, or HSL).
- Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
- Pair with black text: Black text on Pale Violet Red reaches 6.75:1 (WCAG AA).
What Colors Go With Pale Violet Red?
These 6 colors all go well with Pale Violet Red (#DB7093), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Pale Violet Red: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.
Harmonious Palettes & Tints
The palettes below are algorithmically generated across standard intervals based on Pale Violet Red (HSL 340°). Each group offers full palette copy and live preview:
Complementary Harmony
Hue rotated 180 degrees on the HSL wheel (340° to 160°), keeping the original saturation and lightness.
Analogous Harmony
Hues 30 degrees either side (310° and 10°), keeping the original saturation and lightness.
Triadic Harmony
Hues spaced evenly by 120 degrees (100° and 220°), keeping the original saturation and lightness.
Tints & Shades
Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.
WCAG 2.2 Text Readability & Contrast Check
Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:
| Foreground Color | Contrast Ratio | Normal Text (AA) | Large Text (AA) | Normal Text AAA (>= 7.0:1) |
|---|---|---|---|---|
Pure Black (#000000) | 6.75:1 | Pass | Pass | Fail |
Pure White (#FFFFFF) | 3.11:1 | Fail | Pass | Fail |
Dark Charcoal (#212529) | 4.96:1 | Pass | Pass | Fail |
Mid Gray (#666666) | 1.85:1 | Fail | Fail | Fail |
Interactive Contrast Tester
Enter text foreground and background colors to verify WCAG legibility:
This is sample body text rendered directly to verify contrast and readability.
Pale Violet Red Background Download
Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:
Standard Wallpaper: 1920x1080 PNG (#DB7093)Download Options
All wallpaper files precisely match the W3C standard color value:
CSS Standard & Usage Notes
palevioletred = #db7093 (rgb(219, 112, 147))
UI Design & Accessibility Guidelines
Pale Violet Red suits editorial, lifestyle and wedding palettes where a softer rose is wanted. Pair it with black or midnight blue text, which both pass WCAG AA; white text only reaches the large-text threshold.
Frequently Asked Questions (FAQ)
Can I use black text on Pale Violet Red?
Yes. Black text on Pale Violet Red has a WCAG 2.2 contrast ratio of 6.75:1, which passes AA (4.5:1) for all text sizes but not the stricter AAA level (7:1) for body text.
Can I use white text on Pale Violet Red?
Only for large text. White text on Pale Violet Red has a WCAG 2.2 contrast ratio of 3.11:1: enough for large text (3:1) but below the 4.5:1 needed for body text.
What colors go with Pale Violet Red?
Midnight Blue, Dark Slate Gray, Dark Olive Green, Sage Green (Dark Sea Green), Wheat and Linen all go well with Pale Violet Red. Midnight Blue (4.77:1) has enough contrast for text on Pale Violet Red; Dark Slate Gray, Dark Olive Green, Sage Green (Dark Sea Green), Wheat and Linen work better as a background or accent.
Is there a CSS color for dusty rose?
No. "Dusty rose" is not a CSS named color and has no single standard hex code. Pale Violet Red (#DB7093) is a CSS named color with a similar muted, rosy character, so it can serve as a standard substitute.