Café é um tom rico e acolhedor que exala calor. Ele se posiciona entre o marrom escuro e o marrom-avermelhado na roda de cores. Este tom terroso frequentemente apresenta nuances de caramelo. Explore o uso de tons de café como mocha ou espresso em espaços aconchegantes ou em roupas como suéteres e blazers para um toque sofisticado.
Café é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #6F4E37
- Valor RGB: 43,5% vermelho, 30,6% verde, 21,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 Web.
Para variações dentro do mesmo espectro do café, considere:
- Mocha (#6d3b07): Assim como o café, Mocha compartilha um acabamento marrom rico, capturando o calor e a profundidade típicos de um tom de torra escura.
- Taupe (#54463a): Taupe oferece um tom terroso e suave que ressoa com a riqueza profunda e sutil que você associaria a uma xícara de café.
- Conhaque (#a2574f): Conhaque traz nuances de bege quente e castanho que se assemelham à aparência acolhedora e convidativa do café recém-preparado.
- Chocolate (#713600): Com sua riqueza profunda e aveludada, Chocolate espelha o intenso tom de espresso de um café bem preparado.
Para complementar o Café, considere combiná-lo com:
- Rosa Suave (#E89EB8): Rosa Suave adiciona um contraste gentil e feminino aos tons ricos do Café, criando uma paleta equilibrada e convidativa.
- Creme (#FDFBD4): Creme introduz um fundo neutro e quente que acentua a riqueza terrosa do Café, realçando um visual aconchegante e sofisticado.
- Verde Menta (#ADEBB3): Verde Menta injeta uma nota refrescante e vibrante, oferecendo um contraste animado aos tons profundos e suaves do Café.
- Ouro (#EFBF04): Ouro traz um toque de elegância e calor, complementando os tons profundos e torrados do Café com um toque de luxo e brilho.
- Azul Céu (#82C8E5): Azul Céu proporciona um contraste frio e calmante, equilibrando a robustez do Café e criando uma combinação tranquila e harmoniosa.
Embora o Café seja um tom rico e profundo, ele pode entrar em conflito com:
- Rosa Neon (#FF13F0): A alta saturação e brilho do rosa neon podem criar um contraste chocante contra os tons terrosos e suaves do café.
- Ciano (#00FFFF): Com seu tom brilhante e frio, o ciano contrasta fortemente com o calor do café e pode parecer desequilibrado quando combinados.
- Amarelo Brilhante (#FFED29): Este tom vívido pode sobrecarregar a riqueza mais sutil do café, levando a uma combinação visualmente desconfortável.
- Verde Neon (#2CFF05): O brilho intenso do verde neon pode parecer discordante quando justaposto ao tom profundo e suave do café.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Deriva de Cacau
Bosque de Argila
Harmonia Rústica
Verificador de contraste
Contraste 7,44
- Texto grande
#6F4E37
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Contraste 2,82
- Texto grande
#6F4E37
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #6F4E37, conhecida como Café, tem valores RGB de R:111, G:78, B:55 e valores CMYK de C:0, M:30, Y:50, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #6F4E37 | #6F4E37 |
| RGB DECIMAL | 111, 78, 55 | RGB(111,78,55) |
| RGB PERCENTAGE | 43.5, 30.6, 21.6 | RGB(43.5%,30.6%,21.6%) |
| CMYK | 0, 30, 50, 56 | |
| HSL | HSL(24.6, 33.7%, 32.5%) | HSL(24.6, 33.7%, 32.5%) |
| HSV (OR HSB) | 24.6°, 50.5, 43.5 | |
| WEB SAFE | #10210251 | #10210251 |
| BINARY | 01101111, 01001110, 00110111 | |
| iOS - SwiftUI | Color(red: 0.435, green: 0.306, blue: 0.216) | |
| iOS - UIKit | UIColor(red: 0.435, green: 0.306, blue: 0.216, alpha: 1) | |
| Android - Compose | Color(0xFF6F4E37) |
