Cor Rosa: código #FFC0CB

Rosa

#FFC0CB

Códigos da cor

  • HEX#FFC0CB
  • RGBrgb(255, 192, 203)
  • HSLhsl(350, 100%, 88%)
  • HSVhsv(350, 25%, 100%)
  • CMYKcmyk(0%, 25%, 20%, 0%)
  • LABlab(83.6% 24.1 3.3)
  • OKLCHoklch(86.8% 0.074 7.1)

Sobre a cor Rosa

Rosa tem o código HEX #FFC0CB, que corresponde a rgb(255, 192, 203) no modelo RGB. No círculo cromático, seu matiz fica em 350°, com 100% de saturação e 88% de luminosidade (hsl(350, 100%, 88%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 13,65:1 sobre ela, contra 1,53:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 25%, 20%, 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

Complementar

#FFC0CB · #C2FFF5

Análoga

#FFC2EB · #FFC0CB · #FFD6C2

Tríade

#FFC0CB · #CCFFC2 · #C2CCFF

Tetrádica

#FFC0CB · #EBFFC2 · #C2FFF5 · #D6C2FF

Complementar dividida

#FFC0CB · #C2FFD6 · #C2EBFF

Monocromática

#FF4262 · #FF8FA2 · #FFC0CB · #FFFFFF · #FFFFFF

Rosa com texto branco e preto

Texto branco Aa Bb Cc 123
1,53:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
13,65:1 · AAA

Testar outras combinações no verificador de contraste

O que o rosa comunica

O #FFC0CB é o pink do CSS: um vermelho muito diluído em branco, claro e pouco saturado. Por isso ele costuma ser lido como delicado, afetivo e acolhedor. A associação do rosa às meninas, tão presente em enxovais e brinquedos, é uma convenção relativamente recente e não universal; ela vem perdendo força, e hoje o rosa aparece com naturalidade em moda masculina, marcas de tecnologia e identidades visuais sem gênero. No Brasil, a cor ganhou um sentido público forte com o Outubro Rosa, campanha de conscientização sobre o câncer de mama que tinge fachadas, laços e peças de comunicação todo ano.

Onde o rosa claro faz sentido

Em moda, o rosa claro funciona como neutro suave: camisas, alfaiataria e tricôs nesse tom combinam com jeans, cinza e bege. Na decoração, ele aquece ambientes com muita luz natural e casa bem com madeira clara, latão e plantas. Em branding, marcas de confeitaria, cosméticos e produtos infantis usam o rosa claro com frequência, então, se você quer se destacar nesses segmentos, talvez valha fugir dele ou combiná-lo com um contraste inesperado. Em interfaces, é mais útil como fundo de avisos, cards e selos do que como cor de texto.

Combinações que funcionam

CorHEXEfeito
Azul-marinho#000080Contraste sóbrio e elegante, ótimo para moda e papelaria.
Cinza#808080Dupla neutra e contemporânea para interiores.
Verde-oliva#808000Paleta terrosa e natural, com o rosa como ponto de luz.
Rosa pink#FF1493Tom sobre tom vibrante, bom para destaques.

Quer testar outras variações? Monte uma paleta de cores a partir do rosa e ajuste as harmonias.

Dica prática: texto e impressão

Texto branco sobre #FFC0CB tem contraste de apenas 1,5:1, muito abaixo do mínimo de 4,5:1 exigido pela WCAG para texto normal. Use texto escuro: preto sobre esse rosa chega a cerca de 13,6:1. Na gráfica, a conversão direta dá algo como cmyk(0%, 25%, 20%, 0%). Tons pastel assim são sensíveis ao papel: em papel não revestido o rosa tende a sair mais apagado, então peça uma prova impressa antes de rodar a tiragem. O guia RGB x CMYK explica por que a tela e o papel nunca batem exatamente.

Como usar em CSS

:root {
  --color-pink: #FFC0CB;
  --color-pink-rgb: 255, 192, 203;
}

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