Color Crema: código #FFFDD0

Crema

#FFFDD0

Códigos del color

  • HEX#FFFDD0
  • RGBrgb(255, 253, 208)
  • HSLhsl(57, 100%, 91%)
  • HSVhsv(57, 18%, 100%)
  • CMYKcmyk(0%, 1%, 18%, 0%)
  • LABlab(98.5% -6.5 21.8)
  • OKLCHoklch(98.4% 0.058 105.3)

Sobre el color Crema

Crema tiene el código HEX #FFFDD0, que corresponde a rgb(255, 253, 208) en el modelo RGB. En el círculo cromático, su tono está en 57°, con 100% de saturación y 91% de luminosidad (hsl(57, 100%, 91%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto oscuro: el negro alcanza un contraste de 20,21:1 sobre él, frente a 1,03:1 del blanco.

Para impresión, la conversión aproximada es cmyk(0%, 1%, 18%, 0%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Crema

Complementaria

#FFFDD0 · #D1D3FF

Análoga

#FFE6D1 · #FFFDD0 · #EAFFD1

Tríada

#FFFDD0 · #D1FFFD · #FDD1FF

Tetrádica

#FFFDD0 · #D1FFE6 · #D1D3FF · #FFD1EA

Complementaria dividida

#FFFDD0 · #D1EAFF · #E6D1FF

Monocromática

#FFF652 · #FFFA9E · #FFFDD0 · #FFFFFF · #FFFFFF

Crema con texto blanco y negro

Texto blanco Aa Bb Cc 123
1,03:1 · no cumple WCAG
Texto negro Aa Bb Cc 123
20,21:1 · AAA

Prueba otras combinaciones en el verificador de contraste

La personalidad del crema

El crema (#FFFDD0) es un amarillo muy pálido, bastante más “coloreado” que el blanco roto: junto a una hoja blanca, la diferencia salta a la vista. El nombre viene de la nata de la leche, y las asociaciones van en esa línea: suavidad, confort, algo casero o vintage. En muchos contextos occidentales recuerda al papel envejecido, la vajilla antigua y el algodón crudo. Estas lecturas son culturales y cambian con el uso: en una invitación de boda, el crema sugiere tradición; en una app, puede parecer simplemente “amarillento” si no hay una intención clara.

El crema en la práctica

Web e interfaces

Funciona como fondo de realce suave en cajas de aviso, citas destacadas o secciones de testimonios. Evítalo como fondo de toda la página en sitios con muchas fotos: el amarillo del entorno altera la percepción de las imágenes, que pueden verse más frías por comparación.

Impresión

Las novelas se imprimen tradicionalmente en papel crema o ahuesado precisamente porque suaviza el contraste duro del blanco. Si tu pieza usa papel crema, recuerda que los colores CMYK impresos sobre él tirarán a cálidos; los azules se verán algo más verdosos, por ejemplo. Pide una prueba de color.

Decoración y moda

Las paredes crema calientan las habitaciones que reciben poco sol directo (las orientadas al sur en el hemisferio sur, al norte en el hemisferio norte). En ropa, es una alternativa más suave al blanco para pieles de subtono cálido.

Una paleta a partir del crema

Contraste y modo oscuro

Con un contraste de 1,04:1 frente al blanco, el texto blanco sobre crema es ilegible; usa siempre texto oscuro, que supera con holgura el 7:1 del nivel AAA. En modo oscuro, un fondo crema se convierte en un bloque deslumbrante: sustitúyelo por un marrón muy oscuro y usa el crema para textos o iconos. Valídalo en el verificador de contraste y entiende las diferencias entre pantalla y papel en la guía RGB vs. CMYK.

Cómo usarlo en CSS

:root {
  --color-cream: #FFFDD0;
  --color-cream-rgb: 255, 253, 208;
}

.elemento {
  background-color: var(--color-cream);
  color: #000000;
}

Colores parecidos

Usa Crema en nuestras herramientas