Palevioletred colour (#DB7093)
Palevioletred is medium a pink/magenta with hex code #DB7093, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 219, 112, 147; in HSL 340°, 60%, 65%. Use the tool to explore shades and harmonies.
How to use the Palevioletred colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Palevioletred in every format
| Format | Value |
|---|---|
| HEX | #DB7093 |
| RGB | rgb(219, 112, 147) |
| RGB (0–1) | 0.859, 0.439, 0.576 |
| HSL | hsl(340, 60%, 65%) |
| CMYK (approx.) | 0%, 49%, 33%, 14% |
| CSS | color: palevioletred; |
Shades and tints of Palevioletred
Same hue and saturation, lightness from 90% to 10%:
#f5d6e0 | #ebadc2 | #e085a3 | #d65c85 | #cc3366 | #a32952 | #7a1f3d | #521429 | #290a14 |
Colours that go with Palevioletred
| Harmony | Colours | |
|---|---|---|
| Complementary | #70dbb8 | |
| Triadic | #94db70 | #7094db |
| Analogous | #db8270 | #db70c9 |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| lightcoral | #f08080 | close |
| rosybrown | #bc8f8f | close |
| darksalmon | #e9967a | close |
| salmon | #fa8072 | close |
| hotpink | #ff69b4 | close |
Accessibility
Contrast ratio of Palevioletred against white is 3.11:1 (fails WCAG AA for normal text) and against black 6.75:1 (passes). Use black or very dark text on a Palevioletred background rather than white.
Frequently asked questions
What is the hex code for Palevioletred?
#DB7093.
What is Palevioletred in RGB?
rgb(219, 112, 147).
What colour is complementary to Palevioletred?
#70dbb8, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.