Escarlate é um tom vibrante de vermelho com um toque de laranja, conferindo-lhe uma qualidade dramática e ardente. Encontrada próxima ao vermelho na roda de cores, a escarlate evoca emoções apaixonadas como coragem, alegria, devoção e amor.
A escarlate é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #ED2100
- Valor RGB: 92,9% vermelho, 12,9% verde e 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.
Aqui estão algumas maneiras de usar a escarlate em seus designs:
- Crie uma paleta refinada. Combine escarlate com cores neutras para designs elegantes e atraentes—ótimos para sites de luxo ou acadêmicos.
- Inspire urgência. Escarlate sugere ação e mudança, sendo excelente para barras de progresso, botões de CTA e outros elementos clicáveis.
- Compartilhe feedback visual. Escarlate se destaca na tela, sendo útil para apresentar informações críticas como mensagens de erro ou alertas.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura—e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro ousado da escarlate, considere:
- Cinnabar (#E84B3D) adiciona tons de marrom e laranja para um visual mais suave e picante.
- Vermelho-laranja (#FF4B33) suaviza o vermelho enquanto evoca fogo e paixão.
- Vermelho-chili (#CD1C18) é um vermelho mais escuro e menos saturado com um toque de terrosidade.
- Rosa (#FF1D8D) oferece mais rosa para criar uma vibração lúdica.
Para complementar a escarlate, considere combiná-la com:
- Champanhe (#F7E6CA) equilibra a vivacidade da escarlate para criar um contraste sofisticado.
- Cognac (#A2574F) é o marrom quente e rico perfeito para suavizar a intensidade da escarlate.
- Água de rosas (#FFD6D1) é um tom de rosa pálido que sugere romance quando combinado com escarlate.
- Preto (#000000) oferece um contraste profundo e atraente com o brilho da escarlate.
Outras cores que valem a pena considerar são bege e creme para combinações elegantes. Ouro e âmbar complementam os tons ardentes da escarlate.
Embora a escarlate seja quente e apaixonada, ela pode entrar em conflito com:
- Fúcsia (#FE3894) tem um brilho intenso que pode sobrepujar a escarlate.
- Chartreuse (#CCFF00) é um tom de amarelo-verde queconflita com a escarlate devido à sua frieza e alta saturação.
- Vermelho (#FF2C2C) não combina bem com escarlate por causa de sua proximidade na roda de cores.
- Malva (#E0AFFF) tem uma mistura de tons de rosa e roxo que conflitam com os tons de vermelho e laranja da escarlate.
Escarlate simboliza paixão, coragem e sacrifício. Sua natureza ardente e tons intensos de vermelho-laranja conotam ação, desejo e revolução.
Na psicologia das cores, a escarlate tem um efeito estimulante e energizante devido à sua associação com emoção apaixonada. Sua ousadia e calor também promovem sensações de calor, amor e movimento.
No design de UI, a escarlate pode inspirar os usuários a agir. Seu brilho a torna ideal para botões de CTA, mensagens de erro, notificações e outros elementos de design chave.
No século VIII a.C., a escarlate era usada como corante em lugares como Pérsia e Roma. Oficiais romanos de alta patente usavam mantos escarlates para simbolizar seu poder, uma prática posteriormente adotada pela Igreja Católica para as vestes dos cardeais.
Durante a Revolução Francesa, a escarlate tornou-se associada à agitação social, pois representava o sangue dos mártires. A cor ganhou mais significado com a publicação de “A Letra Escarlate” de Nathaniel Hawthorne em 1850, tornando-se um símbolo universal de paixões proibidas.
Hoje, a escarlate ainda é uma cor acadêmica popular e é usada pela Igreja Católica e várias forças armadas para significar posição e autoridade.
Variações de cor
Tipo de bloco desconhecido "colorComponent", especifique um componente para ele na opção `components.types`
Harmonias de cor
Tipo de bloco desconhecido "colorComponent", especifique um componente para ele na opção `components.types`
Paletas personalizadas
Tipo de bloco desconhecido "colorComponent", especifique um componente para ele na opção `components.types`
Tipo de bloco desconhecido "colorComponent", especifique um componente para ele na opção `components.types`
Simulações de cor
Tipo de bloco desconhecido "colorComponent", especifique um componente para ele na opção `components.types`
A cor hexadecimal #ED2100, conhecida como escarlate, possui valores RGB de R:237, G:33, B:0 e valores CMYK de C:0, M:0,86, Y:1, K:0,07.
Escarlate é um tom vibrante de vermelho com um toque de laranja, conferindo-lhe uma qualidade dramática e ardente. Encontrada próxima ao vermelho na roda de cores, a escarlate evoca emoções apaixonadas como coragem, alegria, devoção e amor.
A escarlate é definida pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código HEX: #ED2100
- Valor RGB: 92,9% vermelho, 12,9% verde e 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.
Aqui estão algumas maneiras de usar a escarlate em seus designs:
- Crie uma paleta refinada. Combine escarlate com cores neutras para designs elegantes e atraentes—ótimos para sites de luxo ou acadêmicos.
- Inspire urgência. Escarlate sugere ação e mudança, sendo excelente para barras de progresso, botões de CTA e outros elementos clicáveis.
- Compartilhe feedback visual. Escarlate se destaca na tela, sendo útil para apresentar informações críticas como mensagens de erro ou alertas.
Lembre-se de que a cor e seu significado podem mudar de cultura para cultura—e a qualquer momento. Se você está projetando para um público global, pesquise as considerações de cor para suas regiões específicas.
Para variações dentro do mesmo espectro ousado da escarlate, considere:
- Cinnabar (#E84B3D) adiciona tons de marrom e laranja para um visual mais suave e picante.
- Vermelho-laranja (#FF4B33) suaviza o vermelho enquanto evoca fogo e paixão.
- Vermelho-chili (#CD1C18) é um vermelho mais escuro e menos saturado com um toque de terrosidade.
- Rosa (#FF1D8D) oferece mais rosa para criar uma vibração lúdica.
Para complementar a escarlate, considere combiná-la com:
- Champanhe (#F7E6CA) equilibra a vivacidade da escarlate para criar um contraste sofisticado.
- Cognac (#A2574F) é o marrom quente e rico perfeito para suavizar a intensidade da escarlate.
- Água de rosas (#FFD6D1) é um tom de rosa pálido que sugere romance quando combinado com escarlate.
- Preto (#000000) oferece um contraste profundo e atraente com o brilho da escarlate.
Outras cores que valem a pena considerar são bege e creme para combinações elegantes. Ouro e âmbar complementam os tons ardentes da escarlate.
Embora a escarlate seja quente e apaixonada, ela pode entrar em conflito com:
- Fúcsia (#FE3894) tem um brilho intenso que pode sobrepujar a escarlate.
- Chartreuse (#CCFF00) é um tom de amarelo-verde queconflita com a escarlate devido à sua frieza e alta saturação.
- Vermelho (#FF2C2C) não combina bem com escarlate por causa de sua proximidade na roda de cores.
- Malva (#E0AFFF) tem uma mistura de tons de rosa e roxo que conflitam com os tons de vermelho e laranja da escarlate.
Escarlate simboliza paixão, coragem e sacrifício. Sua natureza ardente e tons intensos de vermelho-laranja conotam ação, desejo e revolução.
Na psicologia das cores, a escarlate tem um efeito estimulante e energizante devido à sua associação com emoção apaixonada. Sua ousadia e calor também promovem sensações de calor, amor e movimento.
No design de UI, a escarlate pode inspirar os usuários a agir. Seu brilho a torna ideal para botões de CTA, mensagens de erro, notificações e outros elementos de design chave.
No século VIII a.C., a escarlate era usada como corante em lugares como Pérsia e Roma. Oficiais romanos de alta patente usavam mantos escarlates para simbolizar seu poder, uma prática posteriormente adotada pela Igreja Católica para as vestes dos cardeais.
Durante a Revolução Francesa, a escarlate tornou-se associada à agitação social, pois representava o sangue dos mártires. A cor ganhou mais significado com a publicação de “A Letra Escarlate” de Nathaniel Hawthorne em 1850, tornando-se um símbolo universal de paixões proibidas.
Hoje, a escarlate ainda é uma cor acadêmica popular e é usada pela Igreja Católica e várias forças armadas para significar posição e autoridade.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Granada
Arara
Fogos de artifício
Verificador de contraste
Contraste 4,36
- Texto grande
#ED2100
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Aprovado | Reprovado | |
Aprovado | Reprovado |
Contraste 4,82
- Texto grande
#ED2100
- 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 #ed2100, conhecida como Cor escarlate, tem valores RGB de R:237, G:33, B:0 e valores CMYK de C:0, M:86, Y:100, K:7.
| VALUE | CSS | |
|---|---|---|
| HEX | #ed2100 | #ed2100 |
| RGB DECIMAL | 237, 33, 0 | RGB(237,33,0) |
| RGB PERCENTAGE | 92.9, 12.9, 0.0 | RGB(92.9%,12.9%,0.0%) |
| CMYK | 0, 86, 100, 7 | |
| HSL | HSL(8.4, 100.0%, 46.5%) | HSL(8.4, 100.0%, 46.5%) |
| HSV (OR HSB) | 8.4°, 100.0, 92.9 | |
| WEB SAFE | #255510 | #255510 |
| BINARY | 11101101, 00100001, 00000000 | |
| iOS - SwiftUI | Color(red: 0.929, green: 0.129, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.929, green: 0.129, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFFED2100) |
