CSS Color: DeepPink
Named CSS color DeepPink — #FF1493 in HEX, rgb(255, 20, 147) in RGB, hsl(328, 100%, 54%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | DeepPink | color: DeepPink; |
| HEX | #FF1493 | color: #FF1493; |
| RGB | rgb(255, 20, 147) | color: rgb(255, 20, 147); |
| HSL | hsl(328, 100%, 54%) | color: hsl(328, 100%, 54%); |
About DeepPink
DeepPink is one of the most intense pink colors available in CSS. At hex `#FF1493`, it has maximum red (255) with very low green (20) and moderate blue (147). Sitting at 328 degrees with full saturation and 54% lightness, it is a powerful, almost neon pink.
In web design, DeepPink makes a bold statement. It is used for primary brand colors in fashion, entertainment, and creative industries where boldness is valued. It works well for accent buttons, highlight effects, and attention-grabbing elements.
For accessibility, DeepPink against white achieves approximately 3.3:1 contrast, passing WCAG AA for large text only. Against dark backgrounds, it provides excellent visibility and a striking, modern feel.
DeepPink is more saturated and slightly more violet than HotPink. It pairs well with black, dark navy, teal, white, and gold. In Tailwind CSS, `pink-600` or `rose-500` are approximate matches for this bold, attention-demanding pink.
FAQ
What is the hex code for DeepPink?
The CSS named color DeepPink has the hex code #FF1493. You can use it in CSS as color: #FF1493; or simply color: DeepPink;.
What is DeepPink in RGB?
In RGB notation, DeepPink is rgb(255, 20, 147). Use it in CSS as color: rgb(255, 20, 147);.
What is DeepPink in HSL?
In HSL notation, DeepPink is hsl(328, 100%, 54%). Use it in CSS as color: hsl(328, 100%, 54%);.
What color category is DeepPink?
DeepPink belongs to the Pink color family in the CSS named colors specification.
Can I use the name "DeepPink" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: DeepPink; or background-color: DeepPink; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert DeepPink to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →