Códigos html del color crema - hexadecimal + rgb

Descubre todos los códigos html del color crema - hexadecimal, rgb, hsl, hsv y cmyk, además de diferentes combinaciones, esquemas, temperaturas tonos y tipos de color crema.

#fff0c9

códigos del color crema

Color Complementario del crema:

El color complementario de un color es el opuesto de este en la rueda de colores (circulo cromático).

#c9d8ff

Esquema monocromático del color crema

#908461
#afa27d
#cec09b
#eee0b9
#fff2d1
#fff6e0
#fffbef
#ffffff

Este esquema tiene como base el color crema y esta compuesto por diferentes matices, tonalidades y sombras tanto oscuras como claras.

Códigos html y css del color crema

formatocódigo
hex#fff0c9
rgbrgb(255,240,201)
hslhsl(44,100%,90%)
cmykcmyk(0, 6, 22, 0)
hsvhsv(44, 22%, 100%)

¿Cómo es el color crema en rgb?

El color crema en formato RGB esta compuesto por (255 en el canal rojo), por (240 en el canal verde) y (201 en el azul)

¿Cómo es el color crema en cmyk?

Esta compuesto por (0%) de cian, (6%) de magenta, (22%) de yellow / amarillo, (0%) de key / negro.

¿Cúal es la composición del color crema en hsl?

Esta compuesto por (44°) de hue , (100%) de saturation y (90%) de lightness.

¿Cómo es el color crema en formato hsv?

el color crema en formato hsv esta compuesto por (44°) de hue , (22%) de saturation y (100%) de value.

Esquema análogo del color crema

Los colores análogos se obtienen a partir de los dos colores más cercanos dentro de el circulo cromático

#fff1cc
#f3ffcc
#ffd8cc

Esquema tríada del color crema

El esquema tríadico los obtenemos a partir de 3 colores igualmente separados entre sí dentro del circulo cromático

#fff0c9
#c9fff0
#f0c9ff

Esquema tetrádico del color crema

Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.

#fff0c9
#c9ffd5
#c9d8ff
#ffc9f3

Esquema complementario dividido del color crema

Este esquema de color se obtiene usando dos pares de colores opuestos en el circulo cromático en forma rectangular.

#fff0c9
#cdffc9
#dac9ff

Tintes del color crema

Los tintes los obtenemos a partir del color crema como base hasta llegar al blanco encontrando en medio tonos de colores pastel

#fff0c9
#fff3d4
#fff6df
#fff9e9
#fffcf4
#ffffff

Sombras del color crema

Estas sombras se obtienen a partir del color crema como base hasta llegar al negro.

#fff0c9
#ccc0a1
#999079
#666050
#333028
#000000

Verificar el contraste del color crema

A continuación puedes validar la relación de contraste del color crema ya sea usándolo como color de fondo o de texto.

Cambiar el color del texto
Relación de contraste: 1.13

Prueba de contrast ratio del color crema como fondo

Cambiar el color de fondo
Relación de contraste: 13.80

Prueba de contrast ratio del color crema como texto

Cómo implementar el color crema en html y css

A continuación tienes ejemplos de códigos para usar el crema en tu página web. Recuerda que puedes implementar el color en html usando los códigos de colores ya sea hexadecimal rgb o hsl y también directamente con el nombre de color escrito en inglés (siempre y cuando sea soportado nativamente por html)

Color crema de fondo en html - css

Para poner el color de fondo puedes usar estilos en línea o también aplicarlos en una hoja css

<div style="background:#fff0c9;"> Color crema como fondo de un div</div>
/* Color crema como fondo de la etiqueta body con css */
body {
background: #fff0c9;
}

Poner el texto de color crema en html - css

Para poner el color de texto puedes usar estilos en línea o también aplicarlos en una hoja css

<p style="color:#fff0c9;"> Color crema como color de texto.</p>
p {
color:#fff0c9 ;
}