Canario es un amarillo brillante y alegre que irradia felicidad. Se sitúa entre el amarillo y el lima pálido en la rueda de colores. Este tono soleado se asemeja mucho al limón y al ranúnculo. Usa canario para añadir un toque de felicidad y energía a proyectos de diseño lúdicos.
Canario se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código Hex: #FFFF99
- Valor RGB: 100.0% rojo, 100.0% verde, 60.0% 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 canario, considera:
- Amarillo brillante (#ffed29): Amarillo brillante comparte una presencia viva y radiante con canario, capturando la misma vibrante luminosidad.
- Amarillo (#ffde21): Amarillo ofrece una calidez alegre similar a canario, con su tono vívido y acogedor.
- Amarillo mostaza (#ffce1b): Amarillo mostaza presenta un tono ligeramente más profundo, pero conserva la calidez soleada similar a canario.
- Azafrán (#f1c338): Azafrán lleva una luminosidad terrosa que refleja la energía vibrante y alegre de canario.
Para complementar canario, considera emparejarlo con:
- Azul pizarra (#557c99): Azul pizarra ofrece un contraste calmante, atenuando el brillo de canario mientras mantiene la sofisticación.
- Verde bosque (#2e6f40): Verde bosque introduce un contraste profundo y natural, proporcionando un equilibrio orgánico al tono vívido de canario.
- Carbón (#4a4a4a): Carbón proporciona una base sólida y neutral que realza canario sin competir, resultando en una paleta moderna y elegante.
Aunque canario es vibrante y alegre, puede chocar con:
- Canela (#d47e30): Su terrosidad especiada puede enturbiar el tono brillante y claro de canario, creando una paleta disonante y excesivamente cálida.
- Amarillo oscuro (#ba8e23): Este color puede mezclarse de manera incómoda con canario, resultando en una falta de contraste visual y definición.
- Amarillo mostaza (#ffce1b): Compite por la atención, ambos colores luchando por el protagonismo debido a sus tonos cálidos y audaces.
- Verde oliva (#636b2f): El tono apagado y más oscuro puede opacar el brillo de canario, llevando a una interacción menos armoniosa.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Cosecha Soleada
Salpicadura Pastel
Menta Soleada
Verificador de contraste
Contraste 1,05
- Texto grande
#FFFF99
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 20,02
- Texto grande
#FFFF99
- 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 #FFFF99, también conocido como Canario, tiene valores RGB de R:255, G:255, B:153 y valores CMYK de C:0, M:0, Y:40, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FFFF99 | #FFFF99 |
| RGB DECIMAL | 255, 255, 153 | RGB(255,255,153) |
| RGB PERCENTAGE | 100.0, 100.0, 60.0 | RGB(100.0%,100.0%,60.0%) |
| CMYK | 0, 0, 40, 0 | |
| HSL | HSL(60.0, 100.0%, 80.0%) | HSL(60.0, 100.0%, 80.0%) |
| HSV (OR HSB) | 60.0°, 40.0, 100.0 | |
| WEB SAFE | #255255153 | #255255153 |
| BINARY | 11111111, 11111111, 10011001 | |
| iOS - SwiftUI | Color(red: 1.000, green: 1.000, blue: 0.600) | |
| iOS - UIKit | UIColor(red: 1.000, green: 1.000, blue: 0.600, alpha: 1) | |
| Android - Compose | Color(0xFFFFFF99) |
