Deep Pink color values
| Format | Value |
|---|---|
| Hex | #FF1493 |
| RGB | rgb(255, 20, 147) |
| HSL | hsl(328, 100%, 54%) |
| HSV | 328, 92%, 100% |
| CMYK (simple conversion) | 0%, 92%, 42%, 0% |
| Decimal | 16716947 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Deep Pink
Deep pink is a highly saturated, vivid rose color that commands immediate attention. It is much bolder than standard pink and avoids looking washed out. Fashion brands and youthful interfaces frequently use it to convey energy and playfulness. It is one of the 148 CSS named colors.
Shades and tints of Deep Pink
Tints mix Deep Pink with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #FF2C9E | #E61284 |
| 20% | #FF43A9 | #CC1076 |
| 30% | #FF5BB3 | #B30E67 |
| 40% | #FF72BE | #990C58 |
| 50% | #FF8AC9 | #800A4A |
Color harmony for Deep Pink
These colors keep the same saturation and lightness as Deep Pink and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #14FF80 |
| Analogous | #F614FF #FF141D |
| Triadic | #93FF14 #1493FF |
| Split complementary | #1DFF14 #14FFF6 |
Contrast and accessibility
Contrast between #FF1493 and white is 3.64:1 (large text only). Against black it is 5.77:1 (passes AA). For text on a Deep Pink background, black text is the more readable choice.
Use Deep Pink in CSS
.element {
color: deeppink;
background-color: #FF1493;
border-color: rgb(255 20 147);
outline-color: hsl(328 100% 54%);
}All four lines produce exactly the same color. The keyword deeppink is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Deep Pink?
The hex code for Deep Pink is #FF1493. As a CSS color keyword you can also write deeppink.
What is Deep Pink in RGB?
Deep Pink is rgb(255, 20, 147): red 255, green 20, blue 147 on the 0 to 255 scale.
What color is closest to Deep Pink?
Of the CSS named colors, mediumvioletred (#C71585) is the closest match to Deep Pink, followed by hotpink and crimson.
More colors
- Dark Violet: previous page
- Dodger Blue: next page
- CSS named colors: the full list