CSS named color
PaleVioletRed
#DB7093
HEX
#db7093RGB
rgb(219, 112, 147)HSL
hsl(340, 60%, 65%)OKLCH
oklch(67.79% 0.1382 0.68)NAME
palevioletredPalette
Complementary
180° on the color wheelComplement
#70DBB8
Analogous
±30° around the base hueLeft
#DB70C9
Right
#DB8270
Triadic
±120° for harmonic contrastTriad 1
#94DB70
Triad 2
#7094DB
Shades
Lighter and darker variantsCSS usage
By name
color: palevioletred;
background-color: palevioletred;By HEX
color: #db7093;
background-color: #db7093;By RGB
color: rgb(219, 112, 147);
background-color: rgb(219, 112, 147);By HSL
color: hsl(340, 60%, 65%);
background-color: hsl(340, 60%, 65%);WCAG contrast vs white
Aa
3.11:1
AA (large text)
WCAG contrast vs black
Aa
6.75:1
AA
Related colors
FAQ — PaleVioletRed
What is the HEX code for PaleVioletRed?
The HEX code for PaleVioletRed is #DB7093. It's one of the 148 named CSS colors and can be used directly in CSS as color: palevioletred; or color: #db7093;
What is PaleVioletRed in RGB?
PaleVioletRed in RGB is rgb(219, 112, 147) — red 219, green 112, blue 147.
What is PaleVioletRed in HSL?
PaleVioletRed in HSL is hsl(340, 60%, 65%) — hue 340°, saturation 60%, lightness 65%.
What is the complementary color of PaleVioletRed?
The complementary color (directly opposite PaleVioletRed on the color wheel) is #70DBB8. The two together produce maximum contrast.
Is white text readable on PaleVioletRed?
The WCAG contrast ratio against white (#FFFFFF) is 3.11:1, and against black (#000000) it's 6.75:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.