Aveia é uma cor quente e calmante, situada entre o bege e o marrom claro na roda de cores. Seu tom suave e cremoso exala conforto e neutralidade, semelhante ao off-white e taupe. Perfeita para designs minimalistas, a cor aveia adiciona um fundo aconchegante e discreto.
A cor aveia é definida pelos seguintes códigos e valores para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #D1B399
- Valor RGB: 82,0% vermelho, 70,2% verde, 60,0% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. O 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 da cor aveia, considere:
- Bege (#ede8d0): O bege oferece um tom neutro e quente como a aveia, com sua cor clara e cremosa que lembra fibras naturais não branqueadas.
- Champanhe (#f7e6ca): O champanhe proporciona um calor sutil e suave semelhante à aveia, com seu tom claro e discreto que lembra uma taça espumante.
- Areia (#cbbd93): A areia apresenta um tom ligeiramente mais escuro que a aveia, ecoando a sensação terrosa e granulada das praias arenosas.
- Marfim (#ffffe3): O marfim apresenta um tom claro, semelhante ao off-white, com toques de cremosidade que adicionam um calor suave.
Para complementar a cor aveia, considere combiná-la com:
- Verde Menta (#ADEBB3): Este tom fresco e calmante traz uma sensação arejada à aveia, realçando seus tons quentes com um toque de natureza.
- Coral (#FF8559): O coral introduz um toque vibrante de cor que energiza o calor neutro da aveia, criando um contraste alegre.
- Sálvia (#BBB791): A sálvia adiciona um toque orgânico que harmoniza lindamente com a aveia, ecoando tons terrosos e proporcionando uma paleta suave.
- Azul Pó (#B8E3E9): Este tom delicado e frio equilibra o calor da aveia com uma sensação pacífica e arejada, ideal para um ambiente sereno.
Embora a aveia seja um tom neutro e calmante, ela pode entrar em conflito com:
- Laranja Neon (#FF5C00): A vivacidade do laranja neon ofusca a sutileza da aveia, criando um contraste marcante e desconfortável.
- Rosa Choque (#FF46A2): A ousadia do rosa choque pode sobrecarregar a natureza suave da aveia, levando a uma combinação visualmente chocante.
- Azul (#0000FF): A intensidade profunda do azul pode desviar a atenção da presença suave da aveia, criando um visual desequilibrado.
- Verde Esmeralda (#00674F): A riqueza do verde esmeralda pode dominar a aveia, o que pode diminuir sua tranquilidade e levar a uma combinação desarmônica.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Areia de Bordo
Tela de Inverno
Pétalas Rústicas
Verificador de contraste
Contraste 1,98
- Texto grande
#D1B399
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 10,62
- Texto grande
#D1B399
- 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 #D1B399, conhecida como Aveia, tem valores RGB de R:209, G:179, B:153 e valores CMYK de C:0, M:14, Y:27, K:18.
| VALUE | CSS | |
|---|---|---|
| HEX | #D1B399 | #D1B399 |
| RGB DECIMAL | 209, 179, 153 | RGB(209,179,153) |
| RGB PERCENTAGE | 82.0, 70.2, 60.0 | RGB(82.0%,70.2%,60.0%) |
| CMYK | 0, 14, 27, 18 | |
| HSL | HSL(27.9, 37.8%, 71.0%) | HSL(27.9, 37.8%, 71.0%) |
| HSV (OR HSB) | 27.9°, 26.8, 82.0 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 11010001, 10110011, 10011001 | |
| iOS - SwiftUI | Color(red: 0.820, green: 0.702, blue: 0.600) | |
| iOS - UIKit | UIColor(red: 0.820, green: 0.702, blue: 0.600, alpha: 1) | |
| Android - Compose | Color(0xFFD1B399) |
