Ir para o seletor de cores

Cor Baunilha: #f3e5ab

Baunilha é #f3e5ab, rgb(243, 229, 171) em RGB e oklch(91.934% 0.07599 96.153) em OKLCH. Todos os outros formatos, tons, cores que combinam e paletas estão abaixo.

Lido como HEX

48 °
100%

91,9%
0,076
96 °
  • Bege
  • Muito claro
  • Suave
  • Pastel
  • Quente
  • orange-200
  • Preto 5%

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco
1.26:1Difícil de ler
Lc -15
Texto preto
16.61:1Legível · AA
Lc 90

Tons

Do mais claro ao mais escuro. Clique em um tom para usá-lo.

Harmonias

Recentes

As cores que você escolhe ou copia aparecem aqui. Elas ficam neste dispositivo.

Também chamada de: Vanilla

Paletas com Baunilha

Cores com nome parecidas

Perguntas sobre Baunilha

Qual é o código HEX de Baunilha?

O código HEX de Baunilha é #f3e5ab. Em RGB é rgb(243, 229, 171), em HSL hsl(48.33, 75%, 81.18%) e em OKLCH oklch(91.934% 0.07599 96.153).

Quais cores combinam com Baunilha?

A cor complementar é #d9e2ff. Para um visual mais tranquilo, combine com as cores análogas #ffdbaf e #d7eeb7. Paletas prontas com Baunilha estão nesta página.

Baunilha é uma cor quente ou fria?

Baunilha é uma cor quente, com matiz OKLCH de 96 graus.

Qual cor de texto é legível sobre Baunilha?

O texto preto é mais legível sobre Baunilha: o branco dá uma razão de contraste de 1.26:1 e o preto, 16.61:1. O WCAG AA pede pelo menos 4,5:1 para texto corrido.

Sobre #f3e5ab

#f3e5ab é um delicado tom muito claro de bege. Em OKLCH, tem luminosidade 91,9%, croma 0.076 e matiz 96 °.

Dentro do sRGB: aparece igual em qualquer tela.

Texto branco sobre ela chega a um contraste de 1.26:1 e texto preto a 16.61:1, então o texto preto é mais legível.

A cor com nome mais próxima é Baunilha (#f3e5ab). No Tailwind CSS, a cor mais próxima é orange-200.

Mais tons de bege (muito claro)

Mais claro: #f3e5ab misturado com branco

  1. f3e5ab

Mais escuro: #f3e5ab misturado com preto

  1. f3e5ab

Mais acinzentado: #f3e5ab com menos saturação

  1. f3e5ab

Cores com nome parecidas

Cores que combinam com #f3e5ab

Complementar
#f3e5ab
Análoga
#f3e5ab
Triádica
#f3e5ab
Dividida
#f3e5ab