Cor Rosa-quartzo: código #F7CAC9

Rosa-quartzo

#F7CAC9

Códigos da cor

  • HEX#F7CAC9
  • RGBrgb(247, 202, 201)
  • HSLhsl(1, 74%, 88%)
  • HSVhsv(1, 19%, 97%)
  • CMYKcmyk(0%, 18%, 19%, 3%)
  • LABlab(85.1% 15.7 6.5)
  • OKLCHoklch(87.8% 0.051 19.7)

Sobre a cor Rosa-quartzo

Rosa-quartzo tem o código HEX #F7CAC9, que corresponde a rgb(247, 202, 201) no modelo RGB. No círculo cromático, seu matiz fica em 1°, com 74% de saturação e 88% de luminosidade (hsl(1, 74%, 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 14,24:1 sobre ela, contra 1,47:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 18%, 19%, 3%). 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-quartzo

Complementar

#F7CAC9 · #CAF6F7

Análoga

#F7CAE0 · #F7CAC9 · #F7E1CA

Tríade

#F7CAC9 · #CAF7CB · #CBCAF7

Tetrádica

#F7CAC9 · #E0F7CA · #CAF6F7 · #E1CAF7

Complementar dividida

#F7CAC9 · #CAF7E1 · #CAE0F7

Monocromática

#E65D5B · #F09F9D · #F7CAC9 · #FFFFFF · #FFFFFF

Rosa-quartzo com texto branco e preto

Texto branco Aa Bb Cc 123
1,47:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
14,24:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-rose-quartz: #F7CAC9;
  --color-rose-quartz-rgb: 247, 202, 201;
}

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