UI Shades

A study in pink

Pale Violet Red

#DB7093

Family
Pink
L
0.678
C
0.138
H

Notes

Pale Violet Red is the muted, slightly pink-leaning red-purple of dusty flowers. The CSS hex sits between Light Pink and Medium Violet Red, with moderate chroma at mid-high lightness. Editorial, beauty, and floral brands use it as a primary or secondary accent. Pair with cream for a softer palette, or with deep burgundy for tonal depth. Against white it carries enough contrast for headlines and large buttons but is borderline for body text - AA passes at 18px and above; below that, step down to a deeper rose for type use.

#db7093
Pale Violet Red
Pale Violet Red
#db7093
oklch(0.678 0.138 0.68)
rgb(219 112 147)
hsl(340.4 59.8% 64.9%)
Share
#fff4f9
#ffe9f2
#ffd3e3
#ffb9d1
#f88fb0
#db7093
#b14b6f
#96385a
#702440
#4f142b
#2c0816

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Pale Violet Red

Cross-reference
Q&A

Frequently asked questions

What is Pale Violet Red?

Pale Violet Red is the muted, slightly pink-leaning red-purple of dusty flowers. The CSS hex sits between Light Pink and Medium Violet Red, with moderate chroma at mid-high lightness. Its hex code is #DB7093.

What are the tints and shades of Pale Violet Red?

uishades builds an 11-step OKLCH ramp for Pale Violet Red (#DB7093) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Pale Violet Red?

Its complementary color is #00B29C. Triadic partners are #8CA434 and #33A1E4; analogous neighbours are #E07462 and #C776BF.

What are the OKLCH and RGB values of Pale Violet Red?

Pale Violet Red is #DB7093 - OKLCH 0.678 0.138 1°, rgb(219 112 147), in the pink family.