Ir para o conteúdo principal

Vermelho-escuro

Tudo o que você precisa saber sobre vermelho escuro para inspirar seu próximo design.

Obter paleta de cores

Escolha uma cor

Hex

RGB

HSB

HSL

Escolha as configurações da paleta

Paletas personalizadas

O vermelho escuro é um tom profundo e rico que mistura vermelho e preto. Posicionado no espectro quente da roda de cores, esse tom incorpora paixão e sofisticação, ao mesmo tempo que sugere um senso de mistério devido à sua profundidade.

color Vermelho escurocolor Vermelho escuro

O vermelho escuro é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.

- Código HEX: #950606

- Valor RGB: 58,4% vermelho, 2,4% verde e 2,4% 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 o vermelho escuro em seus designs:

  • Incentivar a ação do usuário. O vermelho escuro pode atrair atenção sem ser visualmente opressor, incentivando os usuários a clicar em botões de CTA e outros elementos importantes.
  • Transmitir urgência. O vermelho escuro é útil para mensagens de erro e aviso ou outros alertas, comunicando um senso de importância aos usuários.
  • Evocar sofisticação. Seja usado como cor primária ou de destaque, o vermelho escuro cria uma atmosfera elegante e luxuosa—uma ótima escolha para produtos de alto padrão ou experiências exclusivas.

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 profundo do vermelho escuro, considere:

  • Bordô (#550000) adota um tom mais escuro com um leve toque de marrom, dando-lhe uma tonalidade semelhante ao vinho.
  • Vermelho carmesim (#B22222) compartilha uma riqueza semelhante, mas parece um pouco mais frio.
  • Borgonha (#660033) tem um tom púrpura, mas transmite o mesmo senso de luxo e refinamento.
  • Vermelho pimenta (#CD1C18) tem um apelo mais vibrante com um toque de laranja, lembrando a tonalidade de uma pimenta.

Para complementar o vermelho escuro, considere combiná-lo com:

  • Marfim (#FFFFE3) traz uma sensação de equilíbrio e paz para suavizar a intensidade do vermelho escuro.
  • Ouro (#EFBF04) realça o calor do vermelho escuro para um esquema de cores rico e forte.
  • Rosa (#FF8DA1) adiciona um toque de diversão para uma combinação de cores romântica.
  • Azul escuro (#111184) cria uma combinação atemporal, exalando elegância e sofisticação.
  • Verde-azulado (#069494) complementa o vermelho escuro, oferecendo um contraste marcante, mas equilibrado.

Outras cores que valem a pena considerar incluem bege para uma atmosfera quente e acolhedora, laranja para adicionar um toque de energia, e prata para um visual moderno e fresco.

Embora o vermelho escuro seja rico, ele pode entrar em conflito com:

  • Turquesa (#40E0D0) pode conflitar com os tons quentes do vermelho escuro.
  • Magenta (#00FFFF) é altamente saturado, o que pode parecer opressor ao lado do vermelho escuro.
  • Chartreuse (#CCFF00) pode criar um efeito visualmente chocante ao lado do vermelho escuro.
  • Marrom-avermelhado (#942222) compartilha uma tonalidade semelhante e não oferece contraste visual suficiente.
  • Roxo real (#6C3BAA) é um tom frio que não harmoniza com o vermelho escuro.

O vermelho escuro simboliza paixão e desejo. Sua tonalidade profunda também sugere mistério e suspense. O vermelho escuro carrega conotações de luxo, riqueza e força.

Na psicologia das cores, o vermelho escuro pode despertar sentimentos de desejo e intriga. Sua conexão com o mistério também pode despertar curiosidade ou cautela. Devido à sua riqueza, o vermelho escuro pode fazer você se sentir seguro, forte e no controle.

No design de UI, o vermelho escuro traz um senso de sofisticação e luxo para uma interface de usuário—ideal para sites de e-commerce de alto padrão, escritórios de advocacia ou instituições educacionais. Pode ser uma ótima escolha para botões de CTA ou notificações, pois atrai atenção e transmite urgência sem sobrecarregar o usuário.

O vermelho foi uma das primeiras cores usadas em pinturas rupestres, datando de quase 40.000 anos. Com o tempo, a experimentação com pigmentos pretos levou à descoberta de tonalidades mais profundas, incluindo o vermelho escuro. Artistas antigos usavam esses tons de vermelho profundo para retratar indivíduos poderosos e cenas dramáticas e apaixonadas em suas pinturas.

Hoje, o vermelho escuro continua sendo uma escolha popular na moda de alto padrão e na arte contemporânea devido ao seu visual ousado e sofisticado.

Variações de cor

Sombras

Tonalidades

Tons

Matizes

Harmonias de cores

Complementar

Dividida

Monocromática

Análoga

Triádica

Quadrado

Paletas personalizadas

Coração apaixonado

Jardim escarlate

Neo-Gótico

Verificador de contraste

Contraste 9,1

Texto grande

#950606

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #950606 sobre fundo #FFFFFF.
Categoria
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado
Aprovado

Contraste 2,31

Texto grande

#950606

Texto normal

Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.

Este é um texto #950606 sobre fundo #000000.
Categoria
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado
Reprovado

Simulações de cor

Protanopia

Deuteranopia

Tritanopia

Acromatopsia

A cor hexadecimal #950606, conhecida como Vermelho escuro, tem valores RGB de R:149, G:6, B:6 e valores CMYK de C:0, M:96, Y:96, K:42.

VALUECSS
HEX#950606#950606
RGB DECIMAL149, 6, 6RGB(149,6,6)
RGB PERCENTAGE58.4, 2.4, 2.4RGB(58.4%,2.4%,2.4%)
CMYK0, 96, 96, 42
HSLHSL(0.0, 92.3%, 30.4%)HSL(0.0, 92.3%, 30.4%)
HSV (OR HSB)0.0°, 96.0, 58.4
WEB SAFE#15300#15300
BINARY10010101, 00000110, 00000110
iOS - SwiftUIColor(red: 0.584, green: 0.024, blue: 0.024)
iOS - UIKitUIColor(red: 0.584, green: 0.024, blue: 0.024, alpha: 1)
Android - ComposeColor(0xFF950606)
Obter paleta de cores