Cor Rosa-pastel: código #FFD1DC

Rosa-pastel

#FFD1DC

Códigos da cor

  • HEX#FFD1DC
  • RGBrgb(255, 209, 220)
  • HSLhsl(346, 100%, 91%)
  • HSVhsv(346, 18%, 100%)
  • CMYKcmyk(0%, 18%, 14%, 0%)
  • LABlab(88% 17.8 0.7)
  • OKLCHoklch(90.3% 0.054 2.2)

Sobre a cor Rosa-pastel

Rosa-pastel tem o código HEX #FFD1DC, que corresponde a rgb(255, 209, 220) no modelo RGB. No círculo cromático, seu matiz fica em 346°, com 100% de saturação e 91% de luminosidade (hsl(346, 100%, 91%)).

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 15,40:1 sobre ela, contra 1,36:1 do branco.

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

Complementar

#FFD1DC · #D1FFF4

Análoga

#FFD1F3 · #FFD1DC · #FFDDD1

Tríade

#FFD1DC · #DCFFD1 · #D1DCFF

Tetrádica

#FFD1DC · #F3FFD1 · #D1FFF4 · #DDD1FF

Complementar dividida

#FFD1DC · #D1FFDD · #D1F3FF

Monocromática

#FF527A · #FF9EB5 · #FFD1DC · #FFFFFF · #FFFFFF

Rosa-pastel com texto branco e preto

Texto branco Aa Bb Cc 123
1,36:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
15,40:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-pastel-pink: #FFD1DC;
  --color-pastel-pink-rgb: 255, 209, 220;
}

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