Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con crema?
El color crema es un tono versátil y neutro de amarillo claro que puede equilibrar una variedad de paletas con facilidad. Este color suave y pastel se encuentra cerca del borde de la rueda de colores entre amarillo y naranja, otorgando a este tono terciario una calidez suave que combina especialmente bien con otros pasteles para evocar elegancia y clase.
El color crema se representa mediante códigos y valores específicos en el mundo digital para asegurar la consistencia en todas las plataformas y dispositivos.
- Código HEX: #FDFBD4
- Valor RGB: 99.2% rojo, 98.4% verde y 83.1% azul
Aquí hay algunas formas de usar el color crema en tus diseños:
- Mejorar la legibilidad y reducir la fatiga visual. El color crema es más suave para los ojos que el blanco puro, por lo que usarlo como color de fondo con texto de alto contraste en negro o azul marino puede facilitar la lectura y el compromiso de los usuarios con tu diseño.
- Evocar calidez y confort. El tono suave y cálido del crema crea una atmósfera acogedora en el diseño web y las interfaces de usuario. Combina bien con colores cálidos similares, fomentando un ambiente amigable e invitante para los usuarios.
- Transmitir profesionalismo. El color crema es ideal para interfaces que requieren un aspecto profesional y cohesivo, como aplicaciones empresariales, sitios de comercio electrónico y portafolios digitales.
- Establecer jerarquía visual. Llama la atención sobre tus elementos más importantes con combinaciones de colores de alto contraste que incluyan crema. Contrastar un fondo crema con un botón en un color audaz puede ayudar a los usuarios a navegar por tu sitio web o plataforma.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro de blanco roto que el crema, considera:
- Marfil (#FFFFE3) es un poco más claro y brillante, irradiando elegancia clásica.
- Beige (#EDE8D0) se acerca más a un marrón claro con una sensación rústica y terrosa.
- Concha (#FFF1E7) se asemeja a un rubor tenue con suaves matices rosados.
- Champán (#F7E6CA) ofrece más calidez con un encanto sofisticado e invitante.
Para complementar el crema, considera combinarlo con:
- Azul pervinca (#CCCCFF) crea una paleta de ensueño con suaves matices azulados-púrpuras.
- Azul pastel (#B3EBF2) es un soplo de aire fresco, ofreciendo un contraste lúdico y fresco.
- Lavanda (#D3D3FF) se combina con crema en una combinación romántica y elegante.
- Verde menta (#ADEBB3) contrasta el crema neutro con un tono refrescante y tranquilo.
El crema también combina bien con pasteles en una paleta fresca de primavera o con amarillos y naranjas vibrantes para crear un aspecto energizado.
Aunque el crema es un color neutro, puede chocar con:
- Azul real (#305CDE) crea un contraste discordante con la calidez suave del crema.
- Rojo rosa (#FA003F) puede interrumpir la neutralidad del crema con su alta saturación e intensidad.
- Amarillo-verde (#CCFF00) crea una paleta enfermiza que drena la calidez del crema.
- Aguamarina (#66F1C2) puede sobrecargar el crema y crear un diseño recargado con una sensación impersonal.
El color crema evoca sentimientos de sofisticación y serenidad, combinando la limpieza del blanco con la calidez del amarillo. Este color a menudo simboliza pureza y profesionalismo, y su calidez suave aporta una sensación de elegancia y familiaridad. En varios contextos culturales, el crema representa calma y lujo discreto.
En la psicología del color, el crema se ve como un color relajante y reconfortante. Es menos severo que el blanco, lo que lo hace más fácil para los ojos y más propicio para la relajación. La asociación del crema con la calidez y la suavidad a menudo lo convierte en una opción preferida en entornos que desean fomentar una atmósfera acogedora y tranquila.
En el diseño de interfaces, el crema es altamente efectivo como color de fondo neutro que mejora la legibilidad y el confort visual, evitando la dureza del blanco puro. Funciona bien en esquemas de diseño minimalistas y vibrantes, ya que su suave fondo complementa colores más audaces sin competir por la atención.
El primer uso registrado de "crema" como nombre de color data de 1590, inspirado en el tono pálido de la crema láctea. Durante el Renacimiento, este color fue favorecido por los artistas como base para representar tonos de piel. Históricamente, el crema ha representado modestia y sofisticación, utilizado frecuentemente para textiles y ropa en diferentes culturas. Incluso hoy, su asociación duradera con el lujo discreto lo ha convertido en una elección clásica en diseños modernos.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Fotografía antigua
Campos de lavanda
Oasis del desierto
Verificador de contraste
Contraste 1,05
- Texto grande
#FDFBD4
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 19,93
- Texto grande
#FDFBD4
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #fdfbd4, también conocido como Crema, tiene valores RGB de R:253, G:251, B:212 y 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) |
