Baunilha é uma cor creme suave e calmante, posicionada entre o branco e o amarelo na roda de cores. Ela exala calor e aconchego. Tons relacionados incluem marfim e bege. Ideal para designs minimalistas, cria uma atmosfera serena e convidativa.
Baunilha é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #F3E5AB
- Valor RGB: 95,3% vermelho, 89,8% verde, 67,1% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web
Para variações dentro do mesmo espectro que a Baunilha, considere:
- Marfim (#ffffe3): Compartilha um tom claro e cremoso, reminiscente da baunilha clássica, oferecendo uma tonalidade suave e delicada.
- Off-White (#f2f0ef): Oferece um subtom neutro e brilhante, comparável ao brilho sutil da baunilha.
- Champanhe (#f7e6ca): Exibe um tom claro e quente, ecoando a elegância suave da baunilha com um toque de dourado.
- Creme (#fdfbd4): Reflete a essência rica e cremosa encontrada na baunilha, com um brilho reconfortante.
Para complementar a Baunilha, considere combiná-la com:
- Verde Floresta (#2e6f40): A riqueza terrosa do verde floresta equilibra a leveza da Baunilha, criando uma paleta harmoniosa e natural.
- Vermelho Carmesim (#b22222): Este tom profundo e ousado adiciona um contraste marcante à suavidade da Baunilha, resultando em uma combinação dramática e elegante.
- Azul Céu (#82c8e5): O tom refrescante do azul céu realça o calor suave da Baunilha, resultando em um esquema de cores sereno e arejado.
- Açafrão (#f1c338): O tom dourado e quente do açafrão complementa a Baunilha, adicionando profundidade e riqueza, criando um efeito ensolarado e convidativo.
- Malva (#e0afff): Este roxo suave e atenuado oferece um contraste sutil à leveza da Baunilha, proporcionando uma combinação sofisticada e relaxante.
Embora a Baunilha seja um tom sutil e neutro, ela pode entrar em conflito com:
- Vermelho Sangue (#780606): A profundidade intensa do vermelho sangue pode ofuscar a neutralidade suave da baunilha, criando uma combinação desequilibrada.
- Amarelo Escuro (#ba8e23): A opacidade do amarelo escuro pode fazer a baunilha parecer sem vida e sem brilho.
- Verde Floresta (#2e6f40): Este verde rico pode sobrecarregar a leveza da baunilha, dificultando que a baunilha se destaque em esquemas de cores.
- Preto Azulado (#252525): O contraste acentuado entre o preto azulado e a baunilha pode ser muito forte, levando a uma tensão visual em vez de harmonia.
- Chocolate (#713600): A riqueza profunda do chocolate pode conflitar com o calor leve da baunilha, resultando em uma combinação que parece pesada e desequilibrada.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Retiro de Opala
Névoa Luxuriante
Flor de Âmbar
Verificador de contraste
Contraste 1,26
- Texto grande
#F3E5AB
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 16,61
- Texto grande
#F3E5AB
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #F3E5AB, conhecida como Baunilha, tem valores RGB de R:243, G:229, B:171 e valores CMYK de C:0, M:6, Y:30, K:5.
| VALUE | CSS | |
|---|---|---|
| HEX | #F3E5AB | #F3E5AB |
| RGB DECIMAL | 243, 229, 171 | RGB(243,229,171) |
| RGB PERCENTAGE | 95.3, 89.8, 67.1 | RGB(95.3%,89.8%,67.1%) |
| CMYK | 0, 6, 30, 5 | |
| HSL | HSL(48.3, 75.0%, 81.2%) | HSL(48.3, 75.0%, 81.2%) |
| HSV (OR HSB) | 48.3°, 29.6, 95.3 | |
| WEB SAFE | #255204153 | #255204153 |
| BINARY | 11110011, 11100101, 10101011 | |
| iOS - SwiftUI | Color(red: 0.953, green: 0.898, blue: 0.671) | |
| iOS - UIKit | UIColor(red: 0.953, green: 0.898, blue: 0.671, alpha: 1) | |
| Android - Compose | Color(0xFFF3E5AB) |
