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 frutal, como un kurta color mango o pintura de pared.
El mango se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #FDBE02
- Valor RGB: 99.2% rojo, 74.5% verde, 0.8% azul
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines
Para variaciones dentro del mismo espectro que el mango, considera:
- Amarillo-anaranjado (#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 colores del 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 dulce paleta frutal.
- 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 emparejarlo 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 tono naranja brillante 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 al añadir un toque lujoso, haciendo que el color de fruta exótica se sienta más dinámico e intrigante.
- Morado claro (#DAB1DA): El morado claro proporciona un contraste juguetón y suave, suavizando el tono de mango maduro mientras mantiene una armoniosa paleta de colores.
- Marfil (#FFFFE3): El marfil sirve como un fondo limpio y neutral, destacando la paleta dulce de frutas del mango y enfatizando su calidez.
Aunque el mango es un tono amarillo vibrante que recuerda a la paleta dulce de frutas, puede chocar con:
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Brillo Ámbar
Salpicadura de Sol
Azafrán Cósmico
Verificador de contraste
Contraste 1,67
- Texto grande
#FDBE02
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 12,54
- Texto grande
#FDBE02
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #FDBE02, también conocido como 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) |
