Código del color Amarillo claro (#ffffe0)

Amarillo claro es #ffffe0 en hexadecimal y rgb(255, 255, 224), un amarillo muy suave. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Amarillo claro
#ffffe0
Nombre CSSlightyellow
Hex#ffffe0
RGBrgb(255, 255, 224)
HSLhsl(60 100% 94%)
HWBhwb(60 88% 0%)
CMYK0%, 0%, 12%, 0%

Tintes y sombras

Armonías de color

Acerca del color Amarillo claro

Amarillo claro (lightyellow) es un amarillo muy claro y vivo, con el código hexadecimal #ffffe0, o rgb(255, 255, 224). En HSL tiene un tono de 60°, saturación de 100% y luminosidad de 94%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightyellow; en lugar del valor hexadecimal.

Usar Amarillo claro en texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Amarillo claro sobre blanco1.02 : 1no cumple
Texto Amarillo claro sobre negro20.63 : 1AAA

Sobre un fondo amarillo claro, usa texto en negro (20.63 : 1). WCAG pide 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: lightyellow;               /* or #ffffe0 */
  background-color: #ffffe0;
  border: 1px solid rgb(255 255 224 / 50%);
}

Colores con nombre similares

Seda de maíz (#fff8dc), Encaje antiguo (#fdf5e6), Beige (#f5f5dc), Amarillo dorado claro (#fafad2), Marfil (#fffff0), Blanco floral (#fffaf0).

Preguntas frecuentes

¿Cuál es el código hexadecimal del amarillo claro?
#ffffe0, que equivale a rgb(255, 255, 224) y hsl(60, 100%, 94%). En CSS también puedes escribir simplemente lightyellow.
¿Es legible el texto amarillo claro sobre blanco?
Su relación de contraste sobre blanco es 1.02 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el amarillo claro?
Su color complementario es #e0e0ff; los colores análogos #fff0e0 y #f0ffe0 están junto a él en la rueda de colores.