Paleta de colores

Color mandarina

Naranja vivo con un toque más amarillo que el naranja común, como la cáscara de la fruta. Se siente fresco y veraniego. Funciona bien en ropa de verano, envases de jugos y aplicaciones con tono alegre.

También llamado: tangerina.

Mandarina · #F28500

Datos del color mandarina

El mandarina (#F28500) es un color cálido, de luminosidad media y muy saturado. Pertenece a la familia de los naranjas. Se mezcla con 242 de rojo, 133 de verde y 0 de azul (sobre 255). Se usa sobre todo en moda, branding, web.

Tonos del mandarina: claros y oscuros

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

Armonías del color mandarina

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

ComplementarioCercano a: Azul eléctrico
AnálogosCercano a: Escarlata, Amarillo
TríadaCercano a: Verde pastel, Violeta
Complementario divididoCercano a: Turquesa oscuro, Azul
TétradaCercano a: Verde neón, Azul eléctrico, Magenta

Paletas con el color mandarina

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

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

Contraste del mandarina con texto

Texto blancoContraste 2.6:1 · No recomendado
Texto negroContraste 8.1:1 · AAA

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

Código CSS

:root {
  --mandarina: #F28500;
  --mandarina-rgb: 242, 133, 0;
}
.fondo { background-color: var(--mandarina); }
.texto { color: var(--mandarina); }

Colores parecidos al mandarina

NaranjaZanahoriaCalabazaCanelaOcreNaranja quemadoNaranja pastelMielBronceCaramelo

Paletas temáticas con este color

Otros naranjas

NaranjaCalabazaZanahoriaAlbaricoqueDuraznoCoralTerracotaNaranja quemadoSalmónÓxidoCobreNaranja neónNaranja pastelNaranja rojizo

Preguntas frecuentes

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

El código HEX del color mandarina es #F28500. En RGB es rgb(242, 133, 0), en HSL es hsl(33, 100%, 47%) y en CMYK es 0, 45, 100, 5.

¿Qué color es el complementario del mandarina?

Su complementario en el círculo cromático es #006DF2, 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 mandarina?

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