Color naranja

Toma el nombre de la fruta, que llegó a Europa desde Asia a través del árabe naranŷa. Mezcla la energía del rojo con la alegría del amarillo. Es habitual en chalecos de seguridad, ofertas y marcas que quieren verse cercanas.

También llamado: anaranjado, color naranja.

Naranja · #FF8000

Datos del color naranja

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

Tonos del naranja: claros y oscuros

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

Colores que combinan con el naranja

Azul marinoSu complementario oscuro: contraste fuerte y elegante.BlancoFresco y alegre.GrisCalma el naranja y lo hace moderno.CaféUna gama otoñal cálida.Verde olivaUna mezcla natural y retro.MoradoUn contraste atrevido y creativo.TurquesaPareja tropical llena de vida.BeigeUna base suave y cálida.

Cómo combinar el naranja en ropa y decoración →

Armonías del color naranja

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

ComplementarioCercano a: Azul eléctrico

AnálogosCercano a: Rojo, Amarillo

TríadaCercano a: Verde menta, Violeta

Complementario divididoCercano a: Cian, Azul

TétradaCercano a: Verde neón, Azul eléctrico, Magenta

Paletas con el color naranja

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

Paleta Monocromática · Naranja

Paleta Análoga · Naranja

Paleta Complementaria · Naranja

Paleta Tríada · Naranja

Paleta Con neutros · Naranja

Paleta Con acento · Naranja

Contraste del naranja con texto

Texto blancoContraste 2.5:1 · No recomendado

Texto negroContraste 8.3:1 · AAA

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

Código CSS

:root {
  --naranja: #FF8000;
  --naranja-rgb: 255, 128, 0;
}
.fondo { background-color: var(--naranja); }
.texto { color: var(--naranja); }

Colores parecidos al naranja

Mandarina Calabaza Zanahoria Naranja neón Naranja quemado Canela Ocre Coral Naranja rojizo Caoba

Paletas temáticas con este color

Otros naranjas

Mandarina Calabaza Zanahoria Albaricoque Durazno Coral Terracota Naranja quemado Salmón Óxido Cobre Naranja neón Naranja pastel Naranja rojizo

Preguntas frecuentes

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

El código HEX del color naranja es #FF8000. En RGB es rgb(255, 128, 0), en HSL es hsl(30, 100%, 50%) y en CMYK es 0, 50, 100, 0.

¿Qué color es el complementario del naranja?

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

¿Se puede usar texto blanco sobre el color naranja?

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

¿Con qué colores combina el naranja?

Combina bien con azul marino, blanco, gris, café, verde oliva. Evita juntarlo con rojo o rosa intenso sin neutros, porque el conjunto se ve chillón. Con amarillo brillante puede saturar.