Marfim é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #FFFFE3
- Valor RGB: 100% vermelho, 100% verde e 89% 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.
Aqui estão algumas maneiras de usar marfim em seus designs:
- Crie profundidade sutil. Marfim pode parecer mais atraente visualmente do que o branco puro, adicionando dimensão e uma sensação de separação aos elementos de UI.
- Adicione calor. O toque de amarelo do marfim cria um visual ligeiramente mais suave do que o branco puro, tornando-o mais agradável aos olhos.
- Transmita elegância. O branco pode muitas vezes parecer frio e estéril, mas os sutis tons de amarelo do marfim criam uma interface quente e sofisticada. Isso o torna uma excelente escolha de cor para uma estética sofisticada e de alto padrão.
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 as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro delicado do marfim, considere:
Para complementar o marfim, considere combiná-lo com:
- Azul marinho (#000080) cria uma combinação de cores sofisticada e clássica quando emparelhado com marfim.
- Bordô (#550000) oferece uma riqueza que combina bem com o calor do marfim.
- Sálvia (#BBB791) tem um tom verde suave, criando uma paleta serena e terrosa.
- Lavanda (#D3D3FF) acrescenta à tranquilidade do marfim, criando uma atmosfera serena e calmante.
- Escarlate (#ED2100) adiciona um toque ousado e vibrante contra um fundo de marfim.
- Coral (#FF8559) cria uma combinação de cores alegre, evocando uma vibração semelhante à primavera ou verão.
Outras cores que valem a pena considerar incluem preto para uma combinação clássica, dourado para um visual luxuoso e carvão para adicionar profundidade e contraste.
Marfim é uma cor clássica e versátil que combina bem com muitos tons. Ainda assim, pode entrar em conflito com:
- Branco (#FFFFFF) tem pouco contraste visual quando emparelhado com marfim.
- Concha do mar (#FFF1E7) pode criar uma aparência desbotada ao lado do marfim.
- Amarelo (#FFFF00) cria um efeito visualmente carregado ou chocante devido à sua saturação.
- Cinza frio (#CBCBCB) pode entrar em conflito com o calor do marfim, criando um esquema de cores discordante.
Marfim simboliza elegância e sofisticação. Sua natureza quente e acolhedora também representa tranquilidade, enquanto sua conexão com o material precioso marfim simboliza riqueza e luxo. Semelhante ao branco, o marfim também carrega conotações de pureza e inocência.
Na psicologia das cores, o marfim carrega qualidades calmantes, evocando sentimentos de paz e serenidade. Também estimula a limpeza e simplicidade, criando uma atmosfera acolhedora.
A versatilidade do marfim o torna uma excelente escolha para design de UI. Sua essência quente e neutra adiciona um toque de sofisticação, criando uma atmosfera convidativa que é agradável aos olhos. Quando combinado com outros tons, o marfim cria um fundo calmante que permite que outros elementos de UI se destaquem.
Marfim, predominantemente obtido das presas de elefantes, foi altamente procurado ao longo da história para uso em esculturas, entalhes e até teclas de piano. Sua origem orgânica aumenta seu fascínio e valor. Devido ao seu custo e raridade, possuir marfim tornou-se um símbolo de status, significando riqueza e poder.
Por volta do século XIV, o termo “marfim” surgiu, refletindo o tom branco cremoso do material. À medida que as preocupações com o impacto ambiental do comércio de marfim cresceram, o uso do material diminuiu. No entanto, a cor continua a exalar luxo e sofisticação, permanecendo uma escolha cobiçada na moda e no design.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Chave Mestra
Jardim Campestre
Loira Platinada
Verificador de contraste
Contraste 1,02
- Texto grande
#FFFFE3
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 20,67
- Texto grande
#FFFFE3
- 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 #ffffe3, conhecida como Marfim, tem valores RGB de R:255, G:255, B:227 e valores CMYK de C:0, M:0, Y:11, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #ffffe3 | #ffffe3 |
| RGB DECIMAL | 255, 255, 227 | RGB(255,255,227) |
| RGB PERCENTAGE | 100.0, 100.0, 89.0 | RGB(100.0%,100.0%,89.0%) |
| CMYK | 0, 0, 11, 0 | |
| HSL | HSL(60.0, 100.0%, 94.5%) | HSL(60.0, 100.0%, 94.5%) |
| HSV (OR HSB) | 60.0°, 11.0, 100.0 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11111111, 11111111, 11100011 | |
| iOS - SwiftUI | Color(red: 1.000, green: 1.000, blue: 0.890) | |
| iOS - UIKit | UIColor(red: 1.000, green: 1.000, blue: 0.890, alpha: 1) | |
| Android - Compose | Color(0xFFFFFFE3) |
