Creme é um tom neutro e versátil de amarelo claro que pode equilibrar uma variedade de paletas com facilidade. Esta cor suave e pastel está situada perto da borda da roda de cores entre o amarelo e o laranja, conferindo a este tom terciário um calor suave que combina especialmente bem com outros pastéis para evocar elegância e classe.
O creme é representado por códigos e valores de cor específicos no mundo digital para garantir consistência em plataformas e dispositivos.
- Código HEX: #FDFBD4
- Valor RGB: 99,2% vermelho, 98,4% verde e 83,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.
Aqui estão algumas maneiras de usar o creme em seus designs:
- Melhore a legibilidade e reduza a fadiga ocular. O creme é mais suave para os olhos do que o branco puro, então usá-lo como cor de fundo com texto de alto contraste em preto ou azul-marinho pode facilitar a leitura e o engajamento dos usuários com seu design.
- Evocar calor e conforto. O tom suave e quente do creme cria uma atmosfera acolhedora no design de sites e interfaces de usuário. Ele combina bem com cores quentes semelhantes, promovendo um ambiente amigável e convidativo para os usuários.
- Transmitir profissionalismo. O creme é ideal para interfaces que exigem uma aparência profissional e coesa, como aplicativos de negócios, sites de e-commerce e portfólios digitais.
- Estabelecer hierarquia visual. Chame a atenção para seus elementos mais importantes com combinações de cores de alto contraste que apresentam o creme. Contrastar um fundo creme com um botão em uma cor ousada pode ajudar os usuários a navegar em seu site ou plataforma.
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 de off-white que o creme, considere:
- Marfim (#FFFFE3) é um pouco mais claro e brilhante, irradiando elegância clássica.
- Bege (#EDE8D0) está mais próximo de um marrom claro com uma sensação rústica e terrosa.
- Concha (#FFF1E7) se assemelha a um leve rubor com suaves tons rosados.
- Champanhe (#F7E6CA) oferece mais calor com um charme convidativo e sofisticado.
Para complementar o creme, considere combiná-lo com:
- Periwinkle (#CCCCFF) cria uma paleta de sonho com suaves tons azulados e roxos.
- Azul pastel (#B3EBF2) é um sopro de ar fresco, oferecendo um contraste lúdico e frio.
- Lavanda (#D3D3FF) combina com creme em uma combinação romântica e elegante.
- Verde menta (#ADEBB3) contrasta o creme neutro com um tom refrescante e tranquilo.
O creme também combina bem com pastéis em uma paleta fresca de primavera ou com amarelos e laranjas vibrantes para criar um visual energizado.
Embora o creme seja uma cor neutra, ele pode entrar em conflito com:
- Azul real (#305CDE) cria um contraste chocante com o calor suave do creme.
- Vermelho-rosa (#FA003F) pode perturbar a neutralidade do creme com sua alta saturação e intensidade.
- Amarelo-esverdeado (#CCFF00) cria uma paleta doentia que drena o calor do creme.
- Água-marinha (#66F1C2) pode sobrecarregar o creme e criar um design agitado com uma sensação impessoal.
O creme evoca sentimentos de sofisticação e serenidade, combinando a limpeza do branco com o calor do amarelo. Esta cor frequentemente simboliza pureza e profissionalismo, e seu calor suave traz uma sensação de elegância e familiaridade. Em vários contextos culturais, o creme representa calma e luxo discreto.
Na psicologia das cores, o creme é visto como calmante e reconfortante. É menos austero que o branco, tornando-o mais agradável aos olhos e mais propício ao relaxamento. A associação do creme com calor e suavidade muitas vezes o torna uma escolha preferida em ambientes que desejam promover uma atmosfera acolhedora e calma.
No design de UI, o creme é altamente eficaz como cor de fundo neutra que melhora a legibilidade e o conforto visual, evitando a dureza do branco puro. Funciona bem em esquemas de design minimalistas e vibrantes, já que seu fundo suave complementa cores mais ousadas sem competir por atenção.
O primeiro uso registrado de "creme" como nome de cor remonta a 1590, inspirado pelo tom pálido do creme de leite. Durante o Renascimento, essa cor era preferida por artistas como base para retratar tons de pele. Historicamente, o creme representou modéstia e sofisticação, sendo frequentemente usado para têxteis e roupas em diferentes culturas. Até hoje, sua associação duradoura com luxo discreto o tornou uma escolha clássica em designs modernos.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Fotografia Antiga
Campos de Lavanda
Oásis do Deserto
Verificador de contraste
Contraste 1,05
- Texto grande
#FDFBD4
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 19,93
- Texto grande
#FDFBD4
- 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 #fdfbd4, conhecida como Creme, tem valores RGB de R:253, G:251, B:212 e valores CMYK de C:0, M:1, Y:16, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #fdfbd4 | #fdfbd4 |
| RGB DECIMAL | 253, 251, 212 | RGB(253,251,212) |
| RGB PERCENTAGE | 99.2, 98.4, 83.1 | RGB(99.2%,98.4%,83.1%) |
| CMYK | 0, 1, 16, 1 | |
| HSL | HSL(57.1, 91.1%, 91.2%) | HSL(57.1, 91.1%, 91.2%) |
| HSV (OR HSB) | 57.1°, 16.2, 99.2 | |
| WEB SAFE | #255255204 | #255255204 |
| BINARY | 11111101, 11111011, 11010100 | |
| iOS - SwiftUI | Color(red: 0.992, green: 0.984, blue: 0.831) | |
| iOS - UIKit | UIColor(red: 0.992, green: 0.984, blue: 0.831, alpha: 1) | |
| Android - Compose | Color(0xFFFDFBD4) |
