Código de color mocasín (#ffe4b5)

Mocasín es #ffe4b5 en hex y rgb(255, 228, 181) — un naranja muy claro. Abajo: todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Mocasín
#ffe4b5
Nombre CSSmoccasin
Hex#ffe4b5
RGBrgb(255, 228, 181)
HSLhsl(38 100% 85%)
HWBhwb(38 71% 0%)
CMYK0%, 11%, 29%, 0%

Tintes y sombras

Armonías de color

Acerca del mocasín

Mocasín (moccasin) es un naranja muy claro y vívido con el código hex #ffe4b5, o rgb(255, 228, 181). En HSL tiene un tono de 38°, 100% de saturación y 85% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: moccasin; en lugar del valor hex.

Uso del mocasín para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto mocasín sobre blanco1.23 : 1no cumple
Texto mocasín sobre negro17.02 : 1AAA

Sobre un fondo mocasín, usa texto en negro (17.02 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: moccasin;               /* or #ffe4b5 */
  background-color: #ffe4b5;
  border: 1px solid rgb(255 228 181 / 50%);
}

Colores con nombre similares

Navajo White (#ffdead), Peach Puff (#ffdab9), Wheat (#f5deb3), Bisque (#ffe4c4), Pale Goldenrod (#eee8aa), Blanched Almond (#ffebcd).

Preguntas frecuentes

¿Cuál es el código hex del mocasín?
#ffe4b5 — es decir, rgb(255, 228, 181) y hsl(38, 100%, 85%). En CSS también puedes escribir simplemente moccasin.
¿El texto mocasín es legible sobre blanco?
Su relación de contraste sobre blanco es 1.23 : 1, lo que no cumple WCAG; úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el mocasín?
Su color complementario es #b3cfff; los colores análogos #ffbdb3 y #f5ffb3 están junto a él en el círculo cromático.