Limão é um amarelo alegre e vívido que exala frescor e energia. Ele se encontra entre o amarelo e o verde na roda de cores. Com seu tom ensolarado e aparência brilhante, combina bem com amarelos vibrantes e tons cítricos. Use-o em designs para infundir uma vibe animada e chamativa.
Limão é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #FFF700
- Valor RGB: 100,0% vermelho, 96,9% verde, 0,0% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo da Web.
Para variações dentro do mesmo espectro do limão, considere:
- Amarelo Brilhante (#ffed29): Esta cor reflete a vivacidade que você esperaria do Limão, capturando aquele tom alegre e chamativo que mantém as coisas animadas.
- Açafrão (#f1c338): Açafrão compartilha um subtom igualmente vibrante com o Limão, adicionando um toque de calor enquanto mantém uma aparência de amarelo fresco e vívido.
- Amarelo (#ffde21): Amarelo se alinha de perto com o Limão em seu tom brilhante e ensolarado, exalando uma sensação de frescor e energia típica de uma cor amarelo-limão.
- Amarelo Pastel (#ffee8c): Esta versão mais suave do Limão mantém o tom amarelo vibrante, mas oferece uma abordagem mais suave e gentil, perfeita para uma paleta de primavera.
Para complementar o Limão, considere combiná-lo com:
- Azul Marinho (#000080): Oferece um contraste marcante, equilibrando o brilho do Limão com seu tom profundo e sofisticado.
- Verde Escuro (#06402B): Realça a vivacidade fresca do Limão, trazendo uma profundidade terrosa inspirada na natureza para a paleta.
- Ameixa (#8E4585): Adiciona um toque luxuoso, com seus tons ricos e quentes destacando-se contra o brilho alegre do Limão.
- Creme (#FDFBD4): Fornece um fundo suave e neutro, permitindo que a cor viva e fresca do Limão brilhe.
- Coral (#FF8559): Infunde calor e energia, criando uma paleta de primavera harmoniosa que parece vibrante e acolhedora.
Embora o Limão seja uma cor brilhante e alegre, ele pode entrar em conflito com:
- Verde Floresta (#2E6F40): Os tons profundos e suaves do verde floresta podem fazer o amarelo-limão parecer excessivamente brilhante e chocante quando colocados juntos.
- Verde Oliva (#636B2F): A vivacidade do Limão entra em conflito com o verde oliva, o que pode levar a uma impressão visual desequilibrada e potencialmente turva.
- Amarelo Escuro (#BA8E23): Os tons semelhantes, mas intensidades diferentes entre o limão e o amarelo escuro podem criar uma tensão visual que parece desconfortável.
- Vermelho Carmim (#B22222): O calor intenso e a profundidade do vermelho carmim podem sobrecarregar o amarelo-limão, levando a uma paleta avassaladora e conflitante.
- Roxo Escuro (#341539): A intensidade rica do roxo escuro pode ofuscar a qualidade viva do limão, resultando em uma combinação pesada e desequilibrada.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Festa Radiante
Explosão Ensolarada
Azul Ardente
Verificador de contraste
Contraste 1,13
- Texto grande
#FFF700
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 18,56
- Texto grande
#FFF700
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #FFF700, conhecida como Limão, tem valores RGB de R:255, G:247, B:0 e 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) |
