Cor Rosa-choque: código #FC0FC0

Rosa-choque

#FC0FC0

Códigos da cor

  • HEX#FC0FC0
  • RGBrgb(252, 15, 192)
  • HSLhsl(315, 98%, 52%)
  • HSVhsv(315, 94%, 99%)
  • CMYKcmyk(0%, 94%, 24%, 1%)
  • LABlab(56.9% 88.8 -30.6)
  • OKLCHoklch(66.6% 0.282 343)

Sobre a cor Rosa-choque

Rosa-choque tem o código HEX #FC0FC0, que corresponde a rgb(252, 15, 192) no modelo RGB. No círculo cromático, seu matiz fica em 315°, com 98% de saturação e 52% de luminosidade (hsl(315, 98%, 52%)).

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,96:1 sobre ela, contra 3,51:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 94%, 24%, 1%). 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-choque

Complementar

#FC0FC0 · #0DFD49

Análoga

#C10DFD · #FC0FC0 · #FD0D49

Tríade

#FC0FC0 · #C1FD0D · #0DC1FD

Tetrádica

#FC0FC0 · #FDC10D · #0DFD49 · #0D49FD

Complementar dividida

#FC0FC0 · #49FD0D · #0DFDC1

Monocromática

#880167 · #D402A0 · #FC0FC0 · #FD58D4 · #FEA4E8

Rosa-choque com texto branco e preto

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

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-shocking-pink: #FC0FC0;
  --color-shocking-pink-rgb: 252, 15, 192;
}

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