CSS named color
DeepPink
#FF1493
HEX
#ff1493RGB
rgb(255, 20, 147)HSL
hsl(328, 100%, 54%)OKLCH
oklch(65.49% 0.2613 356.94)NAME
deeppinkPalette
Complementary
180° on the color wheelComplement
#14FF82
Analogous
±30° around the base hueLeft
#F714FF
Right
#FF141C
Triadic
±120° for harmonic contrastTriad 1
#92FF14
Triad 2
#1492FF
Shades
Lighter and darker variantsCSS usage
By name
color: deeppink;
background-color: deeppink;By HEX
color: #ff1493;
background-color: #ff1493;By RGB
color: rgb(255, 20, 147);
background-color: rgb(255, 20, 147);By HSL
color: hsl(328, 100%, 54%);
background-color: hsl(328, 100%, 54%);WCAG contrast vs white
Aa
3.64:1
AA (large text)
WCAG contrast vs black
Aa
5.77:1
AA
Related colors
FAQ — DeepPink
What is the HEX code for DeepPink?
The HEX code for DeepPink is #FF1493. It's one of the 148 named CSS colors and can be used directly in CSS as color: deeppink; or color: #ff1493;
What is DeepPink in RGB?
DeepPink in RGB is rgb(255, 20, 147) — red 255, green 20, blue 147.
What is DeepPink in HSL?
DeepPink in HSL is hsl(328, 100%, 54%) — hue 328°, saturation 100%, lightness 54%.
What is the complementary color of DeepPink?
The complementary color (directly opposite DeepPink on the color wheel) is #14FF82. The two together produce maximum contrast.
Is white text readable on DeepPink?
The WCAG contrast ratio against white (#FFFFFF) is 3.64:1, and against black (#000000) it's 5.77:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.