
Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com creme?
Ir para o conteúdo principal
Tudo o que você precisa saber sobre a cor creme para inspirar seu próximo design.
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.
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:
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:
Para complementar o creme, considere combiná-lo com:
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:
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.
Sombras
Tonalidades
Tons
Matizes
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Fotografia Antiga
Campos de Lavanda
Oásis do Deserto
Contraste 1,05
#FDFBD4
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 19,93
#FDFBD4
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
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) |

Quer encontrar as cores complementares ou análogas perfeitas para combinar com creme?

Abrace a simplicidade atemporal do branco.

Desfrute da sofisticação sem esforço do bege.