Paleta de colores

Color mango

Un naranja jugoso y tropical con un toque amarillo, como la pulpa de un mango maduro. Es divertido y lleno de energía, perfecto para moda de verano, bebidas y marcas con buen rollo.

También llamado: naranja mango.

El código HEX del color mango es #FF8243. En RGB es rgb(255, 130, 67), en HSL es hsl(20, 100%, 63%) y en CMYK es 0, 49, 74, 0.

Pruébalo en la vida real

Elige un color para combinar y mira cómo queda en ropa, decoración y diseño.

Colores parecidos al mango

Coral#FF7F50Canela#D2691ECalabaza#FF7518Siena tostada#E97451Rojo tomate#FF6347Naranja quemado#CC5500

Datos del color mango

El mango (#FF8243) es un color cálido, de luminosidad media y muy saturado. Pertenece a la familia de los naranjas. Se mezcla con 255 de rojo, 130 de verde y 67 de azul (sobre 255). Se usa sobre todo en moda, branding, verano.

Muestra del color Mango con sus tonos de claro a oscuro · #FF8243
Mango · #FF8243

Qué significa el color mango

El naranja une la energía del rojo con la alegría del amarillo. Transmite entusiasmo, creatividad y cercanía, y además abre el apetito. En el caso del color mango, se usa sobre todo en moda, branding y verano.

Tonos del mango: claros y oscuros

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

Ve todos sus tonos: Generador de gama de colores

Colores de ropa por estación y estilo80 paletas para hombre y mujer, con 8 looks para copiar en cada una: lujo silencioso, playa, montaña, oficina y más.Ver paletas de ropa

Armonías del color mango

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

ComplementarioCercano a: Azul cielo intenso
AnálogosCercano a: Carmesí, Amarillo plátano
TríadaCercano a: Verde primavera, Violeta
Complementario divididoCercano a: Azul turquesa, Azul eléctrico

Paletas con el color mango

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

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

Contraste del mango con texto

Texto blancoContraste 2.5:1 · No recomendado
Texto negroContraste 8.5:1 · AAA

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

Código CSS

:root {
  --mango: #FF8243;
  --mango-rgb: 255, 130, 67;
}
.fondo { background-color: var(--mango); }
.texto { color: var(--mango); }

Colores parecidos al mango

OcreNaranja neónRojo amapolaNaranja

Paletas temáticas con este color

Otros naranjas

NaranjaMandarinaCalabazaZanahoriaAlbaricoqueDuraznoCoralTerracotaNaranja quemadoSalmónÓxidoCobreNaranja neónNaranja pastelNaranja rojizoMelónPersimónSalmón claroNaranja oscuroSiena tostadaRosa coral
Muestra del color Mango con sus tonos de claro a oscuro · #FF8243
Muestra del color Mango con sus tonos de claro a oscuro · #FF8243

Prueba también

Paleta de colores de tu nombreEscribe un nombre y obtén tu propia paleta de coloresTest de colorimetría10 preguntas para saber qué estación eresPapel picadoCrea banderines de papel picado con tus colores
Ver todas las herramientas gratis →

Preguntas frecuentes

¿Qué significa el color mango?

El naranja une la energía del rojo con la alegría del amarillo. Transmite entusiasmo, creatividad y cercanía, y además abre el apetito. En el caso del color mango, se usa sobre todo en moda, branding y verano.

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

El código HEX del color mango es #FF8243. En RGB es rgb(255, 130, 67), en HSL es hsl(20, 100%, 63%) y en CMYK es 0, 49, 74, 0.

¿Qué color es el complementario del mango?

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

¿Se puede usar texto blanco sobre el color mango?

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