Cor Baunilha: código #F3E5AB

Baunilha

#F3E5AB

Códigos da cor

  • HEX#F3E5AB
  • RGBrgb(243, 229, 171)
  • HSLhsl(48, 75%, 81%)
  • HSVhsv(48, 30%, 95%)
  • CMYKcmyk(0%, 6%, 30%, 5%)
  • LABlab(90.8% -3.8 30.1)
  • OKLCHoklch(91.9% 0.076 96.2)

Sobre a cor Baunilha

Baunilha tem o código HEX #F3E5AB, que corresponde a rgb(243, 229, 171) no modelo RGB. No círculo cromático, seu matiz fica em 48°, com 75% de saturação e 81% de luminosidade (hsl(48, 75%, 81%)).

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 16,60:1 sobre ela, contra 1,26:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 6%, 30%, 5%). 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 Baunilha

Complementar

#F3E5AB · #AAB9F3

Análoga

#F3C0AA · #F3E5AB · #DDF3AA

Tríade

#F3E5AB · #AAF3E4 · #E4AAF3

Tetrádica

#F3E5AB · #AAF3C0 · #AAB9F3 · #F3AADD

Complementar dividida

#F3E5AB · #AADDF3 · #C0AAF3

Monocromática

#E3C13B · #EDD67E · #F3E5AB · #FCF9ED · #FFFFFF

Baunilha com texto branco e preto

Texto branco Aa Bb Cc 123
1,26:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
16,60:1 · AAA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-vanilla: #F3E5AB;
  --color-vanilla-rgb: 243, 229, 171;
}

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

Cores parecidas

Use Baunilha nas ferramentas