ColorConvert.netColor Convert

Cor: Chocolate

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

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

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

HEX
#D2691E
RGB
210, 105, 30
HSL
25, 75, 47
HSV
25, 86, 82
CMYK
0, 50, 86, 18
LAB
56, 37, 57
Acessibilidade e Contraste

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

Relações de Contraste Básicas

Chocolate on White
3.63:1
Chocolate on Black
5.78: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

FAIL
Padrão AAA (Texto Grande)

Relação necessária: 4.5:1

PASS

Recomendações de Uso

⚠ Bom para acessibilidade

Esta cor atende aos padrões AA. Use com texto black para melhores resultados.

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

Cores Similares

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

Ferramentas de Cores

Ferramentas profissionais para trabalhar com Chocolate e criar esquemas de cores.

Sobre a Cor Chocolate

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

Chocolate tem o código hexadecimal #D2691E e valores RGB de 210, 105, 30. No espaço de cores HSL, tem um matiz de 25°, saturação de 75% e luminosidade de 47%. 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 Chocolate.

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 Chocolate 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 Chocolate.

Temperatura da Cor

Warm

Comprimento de Onda Dominante

620-750nm

Pureza da Cor

75%

Índice de Brilho

120/255
Exemplos de Uso

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

Exemplos CSS

background-color: #D2691E;
color: #D2691E;
border: 2px solid #D2691E;
box-shadow: 0 4px 8px #D2691E33;
background: linear-gradient(45deg, #D2691E, #ff9c51);

Dicas de Design e Melhores Práticas

Ao usar Chocolate 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 Chocolate 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 Chocolate.