Citrino é um tom ensolarado e energizante, que combina o brilho do amarelo com um toque de laranja. Posicionado entre o amarelo e o laranja na roda de cores, ele irradia calor. Tons relacionados incluem amarelo-limão e amarelo-dourado. Use citrino em designs para transmitir otimismo e criatividade.
Citrino é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #E4D00A
- Valor RGB: 89,4% vermelho, 81,6% verde, 3,9% azul
Considerações de acessibilidade são fundamentais na escolha de cores para design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo Web.
Para variações dentro do mesmo espectro do citrino, considere:
- Amarelo Pastel (#ffee8c): Esta cor compartilha uma vibração delicada com o Citrino, refletindo um tom suave e ensolarado que ilumina os espaços, mas permanece discreto.
- Limão (#FFF700): Emulando o brilho cítrico do Citrino, Limão evoca uma vibração fresca e cítrica que energiza com seu tom amarelo vivo.
- Amarelo Mostarda (#ffce1b): Amarelo Mostarda oferece uma paleta quente e terrosa semelhante ao Citrino, com um tom dourado mais profundo que exala calor e riqueza.
- Açafrão (#f1c338): Esta cor captura os tons quentes e a riqueza dourada do Citrino, ecoando uma sensação luxuosa e exótica que lembra o fascínio da pedra preciosa.
Para complementar o citrino, considere combiná-lo com:
- Azul Real (#305CDE): Este azul rico destaca o tom ensolarado do citrino, criando um contraste marcante e ousado que evoca elegância e vitalidade.
- Verde Floresta (#2E6F40): Verde floresta realça os tons quentes do citrino, oferecendo uma paleta natural e terrosa que evoca serenidade e equilíbrio.
- Malva (#E0AFFF): Um tom suave de roxo como malva equilibra o tom dourado do citrino, adicionando um toque de sofisticação e um toque moderno.
- Carvão (#4A4A4A): Este cinza profundo fornece uma base neutra, fazendo o citrino se destacar e criando um visual elegante e contemporâneo.
Embora o citrino seja uma cor energizante, ele pode entrar em conflito com:
- Rosa Neon (#FF13F0): Este tom brilhante e elétrico compete com o tom ensolarado do citrino, criando um impacto visual avassalador.
- Verde Esmeralda (#50C878): O contraste entre este verde vibrante e o tom de quartzo amarelo do citrino pode parecer acentuado e desarmonioso.
- Escarlate (#ED2100): A intensidade poderosa e aquecida do escarlate batalha com os tons quentes do citrino, resultando em um conflito de alta energia.
- Amarelo Brilhante (#FFED29): Com níveis de brilho tão semelhantes, esta cor pode fazer o citrino parecer menos distinto, causando falta de clareza na paleta geral.
- Azul Real (#305CDE): A riqueza profunda do azul real pode ofuscar o tom dourado do citrino, levando a um desequilíbrio na harmonia visual.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Colheita Dourada
Lápis Limão
Prisma Eletro
Verificador de contraste
Contraste 1,58
- Texto grande
#E4D00A
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 13,33
- Texto grande
#E4D00A
- 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 #E4D00A, conhecida como Citrino, tem valores RGB de R:228, G:208, B:10 e valores CMYK de C:0, M:9, Y:96, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #E4D00A | #E4D00A |
| RGB DECIMAL | 228, 208, 10 | RGB(228,208,10) |
| RGB PERCENTAGE | 89.4, 81.6, 3.9 | RGB(89.4%,81.6%,3.9%) |
| CMYK | 0, 9, 96, 11 | |
| HSL | HSL(54.5, 91.6%, 46.7%) | HSL(54.5, 91.6%, 46.7%) |
| HSV (OR HSB) | 54.5°, 95.6, 89.4 | |
| WEB SAFE | #2042040 | #2042040 |
| BINARY | 11100100, 11010000, 00001010 | |
| iOS - SwiftUI | Color(red: 0.894, green: 0.816, blue: 0.039) | |
| iOS - UIKit | UIColor(red: 0.894, green: 0.816, blue: 0.039, alpha: 1) | |
| Android - Compose | Color(0xFFE4D00A) |
