Código da Cor Rosa Choque (#ff69b4)

Rosa Choque é #ff69b4 em hex e rgb(255, 105, 180) — um rosa claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Rosa Choque
#ff69b4
Nome CSShotpink
Hex#ff69b4
RGBrgb(255, 105, 180)
HSLhsl(330 100% 71%)
HWBhwb(330 41% 0%)
CMYK0%, 59%, 29%, 0%

Tons e sombras

Harmonias de cores

Sobre o Rosa Choque

Rosa Choque (hotpink) é um rosa claro e vibrante com o código hex #ff69b4, ou rgb(255, 105, 180). No HSL, fica em matiz de 330°, saturação de 100% e luminosidade de 71%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: hotpink; em vez do valor hex.

Usando o Rosa Choque em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Rosa Choque no branco2.65 : 1reprova
Texto Rosa Choque no preto7.93 : 1AAA

Em um fundo rosa choque, use texto em preto (7.93 : 1). O WCAG exige pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.

CSS

.element {
  color: hotpink;               /* or #ff69b4 */
  background-color: #ff69b4;
  border: 1px solid rgb(255 105 180 / 50%);
}

Cores nomeadas semelhantes

Vermelho Violeta Pálido (#db7093), Orquídea (#da70d6), Coral Claro (#f08080), Violeta (#ee82ee), Salmão (#fa8072), Ameixa (#dda0dd).

Perguntas frequentes

Qual é o código hex do rosa choque?
#ff69b4 — que equivale a rgb(255, 105, 180) e hsl(330, 100%, 71%). No CSS você também pode escrever simplesmente hotpink.
O texto rosa choque é legível no branco?
Sua razão de contraste no branco é 2.65 : 1, o que reprova no WCAG — use-o como decoração ou sobre um fundo escuro.
Quais cores combinam com o rosa choque?
Sua cor complementar é #6bffb5; as cores análogas #ff6bff e #ff6b6b ficam ao lado dela no círculo cromático.