Bege é uma cor neutra clara e versátil que mistura suavemente tons de marrom e branco. Este tom está posicionado na extremidade mais clara do espectro de marrom na roda de cores. Ele se assemelha a um creme pálido, em vez de se estender a tons mais escuros como o taupe, oferecendo uma elegância calorosa e discreta.

Bege é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #EDE8D0
- Valor RGB: 92,9% vermelho, 91% verde e 81,6% 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 usar o bege de forma eficaz no design de UI, considere o seguinte:
- Crie uma interface sutil e elegante. Bege oferece um fundo neutro que exala calor e sofisticação, tornando-o ideal para designs que buscam uma elegância discreta.
- Melhore a legibilidade e o conforto. Seus tons suaves podem reduzir a fadiga ocular, tornando a leitura e a navegação na sua UI mais confortáveis para os usuários, especialmente em aplicativos que envolvem texto extenso ou sessões de navegação mais longas.
- Combine com cores de destaque ricas. Use bege junto com tons mais ricos, como azul profundo ou bordô, para introduzir contraste e destacar elementos-chave sem sacrificar a sensação geral de calma e harmonia.
- Transmita confiabilidade e estabilidade. A associação do bege com calma e confiabilidade o torna adequado para marcas que desejam projetar uma imagem confiável e estável através de sua presença digital.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura — e a qualquer momento. Se você está projetando para um público global, pesquise considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro suave e neutro do bege, considere:
- Creme (#FDFBD4) oferece uma versão mais clara e arejada do bege, imbuindo os espaços com um calor suave e calmante, mantendo a simplicidade neutra.
- Castanho (#D6B588) é um pouco mais escuro, trazendo um toque de rusticidade, semelhante à cor do couro não curtido, e mantém uma presença calorosa e convidativa semelhante ao bege.
- Caqui (#F0E68C) introduz um tom ligeiramente mais amarelado, ecoando a estética natural e discreta dos uniformes militares.
- Taupe (#54463A), embora geralmente mais escuro, compartilha a mistura de tons de marrom e cinza do bege, proporcionando uma opção mais profunda, mas igualmente versátil e neutra.
Para complementar os tons discretos do bege, considere combiná-lo com:
- Rosa empoeirado (#DCA1A1) introduz um rosa suave e atenuado que harmoniza lindamente com o bege, adicionando um toque de cor sem sobrecarregar sua elegância sutil.
- Verde sálvia (#9DC183) traz um toque de natureza e uma vibração serena, criando uma paleta refrescante e harmoniosa que enfatiza as qualidades orgânicas do bege.
- Azul meia-noite (#272757) oferece um contraste profundo e rico, adicionando um toque de sofisticação e profundidade à leveza arejada do bege para um visual equilibrado e elegante.
- Laranja queimado (#BE5103) adiciona calor e energia vibrante, proporcionando um complemento aconchegante e outonal à base neutra e calmante do bege.
- Cinza carvão (#4A4A4A), como um neutro sólido e moderno, combina perfeitamente com o bege, ancorando a paleta com sua borda forte e contemporânea.
Outras cores que valem a pena considerar incluem lavanda suave para uma paleta gentil e caprichosa, turquesa claro para um contraste sutil e refrescante, e prata ou ouro metálico para glamour e sofisticação.
Embora o bege seja incrivelmente versátil, ele pode entrar em conflito com:
- Verde neon (#89F336) pode ser excessivamente vibrante, ofuscando a sutileza suave do bege com sua alta intensidade e brilho.
- Azul elétrico (#00F0FF), com seu tom ousado e vívido, pode contrastar de forma muito acentuada contra o bege, criando uma tensão visual que prejudica a qualidade serena do bege.
- Rosa choque (#FF69B4) oferece um contraste vibrante e marcante que pode sobrecarregar o efeito neutro e calmante do bege, levando a uma combinação potencialmente discordante.
- Vermelho brilhante (#FF0000), embora uma cor clássica e ousada, pode ser muito forte e dominante quando combinada com a natureza suave e discreta do bege.
- Roxo (#800080), embora régio e profundo, pode competir com a leveza do bege, potencialmente criando uma paleta pesada e menos coesa.
Bege simboliza simplicidade, calma e neutralidade. Seu tom terroso o conecta ao mundo natural, evocando uma sensação de estabilidade e confiabilidade. Na psicologia das cores, o bege é frequentemente visto como uma cor de simplicidade e conforto, proporcionando uma presença calmante que promove relaxamento e tranquilidade.
No branding e no design de UI/UX, o bege transmite uma sensação de praticidade e atemporalidade, criando uma atmosfera serena e acolhedora. A neutralidade do bege o torna uma escolha poderosa para comunicar uma aura de elegância sem esforço e luxo discreto.
Bege vem da palavra francesa para lã natural, não branqueada e não tingida. No início do século 20, o bege se tornou popular quando a indústria da moda o adotou por sua simplicidade e autenticidade. Designers como Coco Chanel desempenharam um papel fundamental em transformar o bege de uma cor prática em sofisticação e elegância. Chanel adicionou bege aos seus designs na década de 1920, conectando-o ao luxo discreto e estilo atemporal. No design de interiores, o bege tem sido um elemento básico para criar espaços minimalistas e modernos, e é conhecido por adicionar calor e amplitude.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Baunilha
Vista da Praia
Boho Bege
Verificador de contraste
Contraste 1,23
- Texto grande
#EDE8D0
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 17,05
- Texto grande
#EDE8D0
- 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 #ede8d0, conhecida como Bege, tem valores RGB de R:237, G:232, B:208 e valores CMYK de C:0, M:2, Y:12, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #ede8d0 | #ede8d0 |
| RGB DECIMAL | 237, 232, 208 | RGB(237,232,208) |
| RGB PERCENTAGE | 92.9, 91.0, 81.6 | RGB(92.9%,91.0%,81.6%) |
| CMYK | 0, 2, 12, 7 | |
| HSL | HSL(49.7, 44.6%, 87.3%) | HSL(49.7, 44.6%, 87.3%) |
| HSV (OR HSB) | 49.7°, 12.2, 92.9 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11101101, 11101000, 11010000 | |
| iOS - SwiftUI | Color(red: 0.929, green: 0.910, blue: 0.816) | |
| iOS - UIKit | UIColor(red: 0.929, green: 0.910, blue: 0.816, alpha: 1) | |
| Android - Compose | Color(0xFFEDE8D0) |


