Código da Cor Deep Pink (#ff1493)

Deep Pink é #ff1493 em hex e rgb(255, 20, 147) — um magenta médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Deep Pink
#ff1493
Nome CSSdeeppink
Hex#ff1493
RGBrgb(255, 20, 147)
HSLhsl(328 100% 54%)
HWBhwb(328 8% 0%)
CMYK0%, 92%, 42%, 0%

Tons e sombras

Harmonias de cores

Sobre Deep Pink

Deep Pink (deeppink) é um magenta médio e vibrante, com o código hex #ff1493, ou rgb(255, 20, 147). Em HSL, ele tem matiz de 328°, saturação de 100% e luminosidade de 54%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: deeppink; no lugar do valor hex.

Usando Deep Pink em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Deep Pink sobre branco3.64 : 1AA apenas para texto grande
Texto Deep Pink sobre preto5.77 : 1AA

Em um fundo deep pink, use texto em preto (5.77 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Contrast Checker.

CSS

.element {
  color: deeppink;               /* or #ff1493 */
  background-color: #ff1493;
  border: 1px solid rgb(255 20 147 / 50%);
}

Cores nomeadas semelhantes

Vermelho Violeta Médio (#c71585), Rosa Choque (#ff69b4), Carmesim (#dc143c), Vermelho Violeta Pálido (#db7093), Vermelho Indiano (#cd5c5c), Tomate (#ff6347).

Perguntas frequentes

Qual é o código hex do deep pink?
#ff1493 — isso equivale a rgb(255, 20, 147) e hsl(328, 100%, 54%). No CSS você também pode escrever simplesmente deeppink.
Texto em deep pink é legível sobre branco?
Sua razão de contraste sobre branco é 3.64 : 1, que passa apenas para textos grandes (WCAG AA large).
Quais cores combinam com deep pink?
Sua cor complementar é #14ff82; as cores análogas #f714ff e #ff141c ficam ao lado dela no círculo cromático.