Paleta de colores

Color amarillo

Es el color más luminoso del círculo cromático y el primero que percibe el ojo. Se asocia al sol, al verano y a la precaución. Por eso aparece en taxis, señales de tráfico y marcas que quieren parecer optimistas.

También llamado: gualda.

Amarillo · #FFFF00

Datos del color amarillo

El amarillo (#FFFF00) es un color cálido, de luminosidad media y muy saturado. Pertenece a la familia de los amarillos. Se mezcla con 255 de rojo, 255 de verde y 0 de azul (sobre 255). Se usa sobre todo en señalética, logos, infantil, web.

Tonos del amarillo: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Colores que combinan con el amarillo

GrisUn clásico moderno y equilibrado.Azul marinoContraste fuerte y elegante.BlancoFresco y luminoso.NegroContraste máximo, muy gráfico.MoradoSu complementario, vibrante y audaz.VerdeUna mezcla natural y alegre.CelesteUna dupla primaveral.BeigeUna base suave y cálida.
Cómo combinar el amarillo en ropa y decoración →

Armonías del color amarillo

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Azul
AnálogosCercano a: Naranja, Chartreuse
TríadaCercano a: Cian, Magenta
Complementario divididoCercano a: Azul eléctrico, Violeta
TétradaCercano a: Verde menta, Azul, Rosa fuerte

Paletas con el color amarillo

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Amarillo
Paleta Análoga · Amarillo
Paleta Complementaria · Amarillo
Paleta Tríada · Amarillo
Paleta Con neutros · Amarillo
Paleta Con acento · Amarillo

Contraste del amarillo con texto

Texto blancoContraste 1.1:1 · No recomendado
Texto negroContraste 19.6:1 · AAA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --amarillo: #FFFF00;
  --amarillo-rgb: 255, 255, 0;
}
.fondo { background-color: var(--amarillo); }
.texto { color: var(--amarillo); }

Colores parecidos al amarillo

LimónCanarioAmarillo fluorescenteDoradoLimaMaízGirasolAzafránÁmbarVerde manzana

Otros amarillos

DoradoOro viejoMostazaLimónÁmbarTrigoMielCanarioAzafránChampánAmarillo pastelAmarillo fluorescenteMaízGirasol

Preguntas frecuentes

¿Cuál es el código del color amarillo?

El código HEX del color amarillo es #FFFF00. En RGB es rgb(255, 255, 0), en HSL es hsl(60, 100%, 50%) y en CMYK es 0, 0, 100, 0.

¿Qué color es el complementario del amarillo?

Su complementario en el círculo cromático es #0000FF, un tono cercano al azul. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color amarillo?

Mejor usa texto negro: el contraste con blanco es solo 1.1:1, mientras que con negro es 19.6:1.

¿Con qué colores combina el amarillo?

Combina bien con gris, azul marino, blanco, negro, morado. Evita juntarlo con naranja o rojo intenso a la vez, porque el conjunto se vuelve chillón. Con blanco puro en texto, el amarillo se lee muy mal.