O vermelho vivo é uma cor vibrante e energética, situada entre o vermelho e o laranja no círculo cromático. Este tom vívido é chamativo e apaixonado, semelhante ao escarlate ou carmesim. Use o vermelho vivo para adicionar excitação e intensidade aos seus designs, criando visuais dinâmicos e ousados que se destacam.
O Vermelho Vivo é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #EE4B2B
- Valor RGB: 93,3% vermelho, 29,4% verde, 16,9% 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 Web.
Para variações dentro do mesmo espectro do vermelho vivo, considere:
- Escarlate (#ed2100): O escarlate compartilha o tom intenso e vívido do vermelho vivo, exalando uma vibrância ardente que captura a atenção instantaneamente.
- Cereja (#d20a2e): Com seu tom ousado e animado, a cereja reflete a sensação energética do vermelho vivo, oferecendo uma impressão dinâmica e chamativa.
- Vermelho Carmesim (#FF0038): Este tom oferece uma cor vermelha brilhante semelhante, com nuances ligeiramente mais profundas, enfatizando um apelo vivo e marcante como o vermelho vivo.
- Vermelhão (#e73121): O vermelhão captura a essência do vermelho vivo com seu calor ardente, proporcionando um tom ligeiramente alaranjado que enriquece a vibrância geral.
Para complementar o Vermelho Vivo, considere combiná-lo com:
- Verde Menta (#ADEBB3): Este tom suave e frio contrasta lindamente com a intensidade do vermelho vivo, adicionando um toque refrescante que parece vibrante e animado.
- Azul Cobalto (#0047AB): Um azul profundo e intenso que oferece um contraste impressionante contra o vermelho vivo, criando uma paleta ousada e chamativa.
- Amarelo Canário (#FFEF00): O amarelo brilhante e alegre complementa o tom vívido do vermelho vivo, realçando seu calor e sensação energética.
- Verde-azulado (#069494): Este tom rico de azul-esverdeado equilibra o calor do vermelho vivo, resultando em uma combinação de cores harmoniosa e sofisticada.
- Creme (#FDFBD4): Um fundo suave e neutro que permite que a cor vermelha brilhante se destaque, mantendo um visual limpo e clássico.
Embora o vermelho vivo seja chamativo, ele pode entrar em conflito com:
- Rosa Neon (#FF13F0): O tom altamente saturado do rosa neon compete com o vermelho vivo, criando um efeito visualmente chocante que pode sobrecarregar os sentidos.
- Ciano (#00FFFF): Este tom vibrante e frio oferece muito contraste com o vermelho vivo, levando a uma experiência visual agressiva.
- Verde Limão (#89F336): Com seu tom vívido, o verde limão se destaca fortemente contra o vermelho vivo, resultando em um conflito que pode prejudicar a harmonia de um design.
- Roxo Escuro (#800080): A intensidade rica do roxo escuro pode competir com a ousadia do vermelho vivo, levando a uma paleta pesada e menos equilibrada.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Especiaria Inferno
Explosão Cítrica
Onda de Calor
Verificador de contraste
Contraste 3,7
- Texto grande
#EE4B2B
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 5,68
- Texto grande
#EE4B2B
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Reprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #EE4B2B, conhecida como Vermelho Vivo, tem valores RGB de R:238, G:75, B:43 e valores CMYK de C:0, M:68, Y:82, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #EE4B2B | #EE4B2B |
| RGB DECIMAL | 238, 75, 43 | RGB(238,75,43) |
| RGB PERCENTAGE | 93.3, 29.4, 16.9 | RGB(93.3%,29.4%,16.9%) |
| CMYK | 0, 68, 82, 7 | |
| HSL | HSL(9.8, 85.2%, 55.1%) | HSL(9.8, 85.2%, 55.1%) |
| HSV (OR HSB) | 9.8°, 81.9, 93.3 | |
| WEB SAFE | #2555151 | #2555151 |
| BINARY | 11101110, 01001011, 00101011 | |
| iOS - SwiftUI | Color(red: 0.933, green: 0.294, blue: 0.169) | |
| iOS - UIKit | UIColor(red: 0.933, green: 0.294, blue: 0.169, alpha: 1) | |
| Android - Compose | Color(0xFFEE4B2B) |
