Cor Champagne: código #F7E7CE

Champagne

#F7E7CE

Códigos da cor

  • HEX#F7E7CE
  • RGBrgb(247, 231, 206)
  • HSLhsl(37, 72%, 89%)
  • HSVhsv(37, 17%, 97%)
  • CMYKcmyk(0%, 6%, 17%, 3%)
  • LABlab(92.3% 1.5 14.1)
  • OKLCHoklch(93.4% 0.037 79.1)

Sobre a cor Champagne

Champagne tem o código HEX #F7E7CE, que corresponde a rgb(247, 231, 206) no modelo RGB. No círculo cromático, seu matiz fica em 37°, com 72% de saturação e 89% de luminosidade (hsl(37, 72%, 89%)).

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 17,27:1 sobre ela, contra 1,21:1 do branco.

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

Complementar

#F7E7CE · #CFDEF7

Análoga

#F7D3CF · #F7E7CE · #F2F7CF

Tríade

#F7E7CE · #CFF7E8 · #E8CFF7

Tetrádica

#F7E7CE · #CFF7D3 · #CFDEF7 · #F7CFF2

Complementar dividida

#F7E7CE · #CFF2F7 · #D3CFF7

Monocromática

#E5B361 · #F0D2A3 · #F7E7CE · #FFFFFF · #FFFFFF

Champagne com texto branco e preto

Texto branco Aa Bb Cc 123
1,21:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
17,27:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-champagne: #F7E7CE;
  --color-champagne-rgb: 247, 231, 206;
}

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