Rueda de colores de Figma
¿Quieres encontrar los colores complementarios o análogos perfectos para combinar con el limón?
El limón es un amarillo alegre y vívido que irradia frescura y energía. Se encuentra entre el amarillo y el verde en la rueda de colores. Con su tono soleado y apariencia brillante, combina bien con amarillos cítricos y tonos cítricos. Úsalo en diseños para infundir una vibra animada y llamativa.
El limón se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #FFF700
- Valor RGB: 100.0% rojo, 96.9% verde, 0.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 el limón, considera:
- Amarillo brillante (#ffed29): Este color refleja la vibrante vivacidad que esperarías del limón, capturando ese tono alegre y llamativo que mantiene las cosas animadas.
- Azafrán (#f1c338): El azafrán comparte un matiz igualmente cítrico con el limón, añadiendo un toque de calidez mientras mantiene una apariencia amarilla fresca y vívida.
- Amarillo (#ffde21): El amarillo se alinea estrechamente con el limón en su tono brillante y soleado, irradiando una sensación de frescura y energía típica de un color amarillo limón.
- Amarillo pastel (#ffee8c): Esta versión más suave del limón retiene el tono amarillo animado pero ofrece un enfoque más tenue y gentil que lo hace perfecto para una paleta primaveral.
Para complementar el limón, considera combinarlo con:
- Azul marino (#000080): Ofrece un contraste llamativo, equilibrando el brillo del limón con su tono profundo y sofisticado.
- Verde oscuro (#06402B): Realza la frescura vibrante del limón al aportar una profundidad terrosa e inspirada en la naturaleza a la paleta.
- Ciruela (#8E4585): Añade un toque lujoso, con sus tonos ricos y cálidos destacándose contra el brillo alegre del limón.
- Crema (#FDFBD4): Proporciona un fondo suave y neutral, permitiendo que el color vivo y fresco del limón brille.
- Coral (#FF8559): Infunde calidez y energía, creando una paleta primaveral armoniosa que se siente tanto vibrante como acogedora.
Aunque el limón es un color brillante y alegre, puede chocar con:
- Verde bosque (#2E6F40): Los tonos profundos y apagados del verde bosque pueden hacer que el amarillo limón parezca excesivamente brillante y discordante cuando se colocan juntos.
- Verde oliva (#636B2F): La vivacidad del limón choca con el verde oliva, lo que puede llevar a una impresión visual desequilibrada y potencialmente turbia.
- Amarillo oscuro (#BA8E23): Los tonos similares pero diferentes intensidades entre el limón y el amarillo oscuro pueden crear una tensión visual que se siente incómoda.
- Rojo carmesí (#B22222): La calidez y profundidad intensas del rojo carmesí pueden dominar al amarillo limón, llevando a una paleta abrumadora y discordante.
- Morado oscuro (#341539): La rica intensidad del morado oscuro puede eclipsar la calidad animada del limón, resultando en una combinación pesada y desequilibrada.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Fiesta Radiante
Salpicadura Soleada
Azul Ardiente
Verificador de contraste
Contraste 1,13
- Texto grande
#FFF700
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Contraste 18,56
- Texto grande
#FFF700
- 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 #FFF700, también conocido como Limón, tiene valores RGB de R:255, G:247, B:0 y valores CMYK de C:0, M:3, Y:100, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #FFF700 | #FFF700 |
| RGB DECIMAL | 255, 247, 0 | RGB(255,247,0) |
| RGB PERCENTAGE | 100.0, 96.9, 0.0 | RGB(100.0%,96.9%,0.0%) |
| CMYK | 0, 3, 100, 0 | |
| HSL | HSL(58.1, 100.0%, 50.0%) | HSL(58.1, 100.0%, 50.0%) |
| HSV (OR HSB) | 58.1°, 100.0, 100.0 | |
| WEB SAFE | #2552550 | #2552550 |
| BINARY | 11111111, 11110111, 00000000 | |
| iOS - SwiftUI | Color(red: 1.000, green: 0.969, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 1.000, green: 0.969, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFFFF700) |
