Cor Rosa pink: código #FF1493

Rosa pink

#FF1493

Códigos da cor

  • HEX#FF1493
  • RGBrgb(255, 20, 147)
  • HSLhsl(328, 100%, 54%)
  • HSVhsv(328, 92%, 100%)
  • CMYKcmyk(0%, 92%, 42%, 0%)
  • LABlab(56% 84.5 -5.7)
  • OKLCHoklch(65.5% 0.261 356.9)

Sobre a cor Rosa pink

Rosa pink tem o código HEX #FF1493, que corresponde a rgb(255, 20, 147) no modelo RGB. No círculo cromático, seu matiz fica em 328°, com 100% de saturação e 54% de luminosidade (hsl(328, 100%, 54%)).

Pelo matiz, é percebida como uma cor fria: tende a transmitir calma e distância e a “recuar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 5,77:1 sobre ela, contra 3,63:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 92%, 42%, 0%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Rosa pink

Complementar

#FF1493 · #14FF82

Análoga

#F714FF · #FF1493 · #FF141C

Tríade

#FF1493 · #92FF14 · #1492FF

Tetrádica

#FF1493 · #FFF714 · #14FF82 · #141CFF

Complementar dividida

#FF1493 · #1CFF14 · #14FFF7

Monocromática

#94004F · #E00078 · #FF1493 · #FF61B5 · #FFADD9

Rosa pink com texto branco e preto

Texto branco Aa Bb Cc 123
3,63:1 · só texto grande
Texto preto Aa Bb Cc 123
5,77:1 · AA

Testar outras combinações no verificador de contraste

Rosa pink, deeppink e hotpink

Em português, “rosa pink” virou o nome popular do rosa mais vibrante, aquele que quase brilha. O HEX desta página, #FF1493 (rgb(255, 20, 147)), corresponde ao deeppink do CSS. Atenção a uma armadilha comum: o hotpink do CSS é outra cor, #FF69B4, mais clara e menos saturada. Se você copiar o nome em inglês esperando o tom desta página, vai receber um rosa mais suave. Na dúvida, use o HEX.

Comparado ao magenta (#FF00FF), o rosa pink tem muito menos azul e um pouco de verde, o que o aproxima do vermelho e o deixa mais “quente”. Já o rosa do CSS (#FFC0CB) é um pastel, outra família.

Personalidade

O rosa pink costuma comunicar energia, irreverência, confiança e diversão. Por muito tempo foi rotulado como “cor de menina” em várias culturas ocidentais, uma associação relativamente recente na história e hoje cada vez mais questionada. A moda recuperou o tom como declaração de estilo, e tendências como a chamada “Barbiecore” levaram o pink para passarelas, vitrines e redes sociais. Como sempre, o significado depende de quem vê e de onde a cor aparece.

Na prática

Branding e UI

Marcas de beleza, moda, entretenimento e apps de relacionamento usam o pink para se destacar. Em interfaces, rende bem como cor de ação principal, em ícones de “curtir” e em gráficos que precisam de um destaque forte.

Moda e decoração

Em roupas, o pink funciona tanto em looks monocromáticos quanto como ponto de cor sobre neutros. Em casa, prefira usá-lo em objetos e tecidos: numa parede inteira, ele domina o ambiente e reflete cor nas paredes vizinhas.

Combinações

Contraste: texto branco ou preto?

O #FF1493 tem contraste de 3,6:1 com branco (só serve para texto grande) e de 5,8:1 com preto, que passa no nível AA. Se o botão precisa de texto branco em tamanho normal, desça para um tom como #C71585 (o mediumvioletred do CSS), que chega a 5,4:1. Teste no verificador de contraste.

Como usar em CSS

:root {
  --color-hot-pink: #FF1493;
  --color-hot-pink-rgb: 255, 20, 147;
}

.elemento {
  background-color: var(--color-hot-pink);
  color: #000000;
}

Cores parecidas

Use Rosa pink nas ferramentas