El mango es un tono amarillo-naranja vibrante que irradia calidez y energía. Se sitúa entre el naranja y el amarillo en la rueda de colores, asemejándose al tono de un mango maduro. Piensa en tonos como el melón jugoso o el albaricoque dorado. Ideal para diseños que necesitan un ambiente tropical y afrutado, como un kurta de color mango o pintura de pared.
El mango se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #FDBE02
- Valor RGB: 99.2% rojo, 74.5% verde, 0.8% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
Para variaciones dentro del mismo espectro que el mango, considera:
- Amarillo-Naranja (#ffb343): Este color refleja el vibrante tono amarillo que a menudo se ve en la piel de un mango maduro, fusionando calidez y brillo en una mezcla encantadora que recuerda a la combinación de color mango.
- Albaricoque (#ffb27f): Exhibiendo el tinte naranja jugoso típico de la pulpa de mango, el albaricoque es una versión más suave del tono vivo del mango, evocando su paleta de frutas dulces.
- Naranja Pastel (#ffc067): Como una variación más clara y de tono cremoso, el naranja pastel refleja el color de la pulpa de mango, capturando su color de fruta exótica de manera sutil pero juguetona.
- Naranja Brillante (#ff991c): Con su tono energético de mango maduro, el naranja brillante canaliza el vibrante tono amarillo único de las frutas tropicales, complementando perfectamente el color general del mango.
Para complementar el Mango, considera combinarlo con:
- Verde Bosque (#2E6F40): Este color rico y terroso crea un contraste exuberante, realzando el vibrante tono amarillo del Mango con una elegancia natural.
- Azul Marino (#000080): El Azul Marino ofrece un equilibrio clásico al brillante tinte naranja jugoso del Mango, aportando sofisticación y profundidad al tono de fruta tropical.
- Ciruela (#8E4585): Los tonos audaces y profundos de la Ciruela complementan al Mango añadiendo un toque lujoso, haciendo que el color de fruta exótica se sienta más dinámico e intrigante.
- Púrpura Claro (#DAB1DA): El Púrpura Claro proporciona un contraste juguetón y suave, suavizando el tono de mango maduro mientras mantiene un esquema de color armonioso.
- Marfil (#FFFFE3): El Marfil sirve como un fondo limpio y neutral, destacando la paleta de frutas dulces del Mango y enfatizando su calidez.
Aunque el Mango es un tono amarillo vibrante que recuerda a la paleta de frutas dulces, puede chocar con:
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Brillo Ámbar
Salpicadura de Sol
Azafrán Cósmico
Comprobador de contraste
Contraste 1,67
- Texto largo
#FDBE02
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Contraste 12,54
- Texto largo
#FDBE02
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #FDBE02, también llamado Mango, tiene valores RGB de R:253, G:190, B:2 y valores CMYK de C:0, M:25, Y:99, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #FDBE02 | #FDBE02 |
| RGB DECIMAL | 253, 190, 2 | RGB(253,190,2) |
| RGB PERCENTAGE | 99.2, 74.5, 0.8 | RGB(99.2%,74.5%,0.8%) |
| CMYK | 0, 25, 99, 1 | |
| HSL | HSL(44.9, 98.4%, 50.0%) | HSL(44.9, 98.4%, 50.0%) |
| HSV (OR HSB) | 44.9°, 99.2, 99.2 | |
| WEB SAFE | #2552040 | #2552040 |
| BINARY | 11111101, 10111110, 00000010 | |
| iOS - SwiftUI | Color(red: 0.992, green: 0.745, blue: 0.008) | |
| iOS - UIKit | UIColor(red: 0.992, green: 0.745, blue: 0.008, alpha: 1) | |
| Android - Compose | Color(0xFFFDBE02) |