ColorConvert.netColor Convert

Cor: Laranja Escuro

Informações completas da cor e ferramentas de conversão para Laranja Escuro

Categoria: orange
Fonte da Cor: web
Luminância: 40.0%
Formatos de Cores

Converta Laranja Escuro para todos os principais formatos de cores. Clique em qualquer valor para copiar para a área de transferência.

HEX
#FF8C00
RGB
255, 140, 0
HSL
33, 100, 50
HSV
33, 100, 100
CMYK
0, 45, 100, 0
LAB
69, 37, 75
Acessibilidade e Contraste

Teste Laranja Escuro para conformidade de acessibilidade e relações de contraste de cores.

Relações de Contraste Básicas

Laranja Escuro on White
2.33:1
Laranja Escuro on Black
9.00:1

Conformidade WCAG 2.1

Padrão AA (Texto Normal)

Relação necessária: 4.5:1

PASS
Padrão AA (Texto Grande)

Relação necessária: 3:1

PASS
Padrão AAA (Texto Normal)

Relação necessária: 7:1

PASS
Padrão AAA (Texto Grande)

Relação necessária: 4.5:1

PASS

Recomendações de Uso

✓ Excelente para acessibilidade

Esta cor atende aos padrões AAA e é adequada para todos os tamanhos de texto e elementos UI.

Cor de texto recomendada: Use texto #000000 para legibilidade ideal em fundos Laranja Escuro.

Cores Similares

Cores similares a Laranja Escuro baseadas em matiz e saturação.

Ferramentas de Cores

Ferramentas profissionais para trabalhar com Laranja Escuro e criar esquemas de cores.

Sobre a Cor Laranja Escuro

A cor Laranja Escuro (#FF8C00) é uma cor orange que pertence à paleta de cores seguras para web. Este guia abrangente cobre tudo o que você precisa saber sobre Laranja Escuro, incluindo suas especificações técnicas, impacto psicológico, aplicações de design e exemplos de uso prático.

Laranja Escuro tem o código hexadecimal #FF8C00 e valores RGB de 255, 140, 0. No espaço de cores HSL, tem um matiz de 33°, saturação de 100% e luminosidade de 50%. Esta cor é amplamente suportada em todos os navegadores e aplicações de design.

Psicologia e Significado da Cor

Descubra o impacto psicológico e a significância cultural de Laranja Escuro.

Emoções Associadas

Entusiasmo, criatividade, calor, aventura, diversão

Simbolismo e Significado

Energia, vitalidade, alegria, acessibilidade

Marketing e Marca

Cria emoção, promove compras impulsivas, parece amigável

Aplicações de Design

Aprenda a usar efetivamente Laranja Escuro em vários contextos de design.

Design Web

  • Headers
  • Links
  • Corporate themes
  • Trust indicators
  • Professional layouts

Design de Interiores

  • Bedrooms
  • Bathrooms
  • Office spaces
  • Coastal themes

Design Gráfico

  • Corporate branding
  • Healthcare materials
  • Technology themes
  • Professional presentations

Moda e Vestuário

  • Business attire
  • Denim
  • Formal wear
  • Casual shirts
Especificações Técnicas

Detalhes técnicos completos e informações do espaço de cores para Laranja Escuro.

Temperatura da Cor

Warm

Comprimento de Onda Dominante

570-590nm

Pureza da Cor

100%

Índice de Brilho

127/255
Exemplos de Uso

Exemplos do mundo real e snippets de código mostrando como usar Laranja Escuro.

Exemplos CSS

background-color: #FF8C00;
color: #FF8C00;
border: 2px solid #FF8C00;
box-shadow: 0 4px 8px #FF8C0033;
background: linear-gradient(45deg, #FF8C00, #ffbf33);

Dicas de Design e Melhores Práticas

Ao usar Laranja Escuro em seus designs, considere seu impacto psicológico e associações culturais. Esta cor funciona bem em web design, branding, and marketing materials e pode ser efetivamente combinada com cores complementares para criar composições visuais impactantes.

Considerações de Acessibilidade

Ao usar Laranja Escuro como cor de texto ou fundo, garanta relações de contraste suficientes para conformidade de acessibilidade. Teste suas combinações de cores contra as diretrizes WCAG para garantir legibilidade para todos os usuários.

Cores Orange Relacionadas

Explore outras cores orange que compartilham características similares com Laranja Escuro.