#b2e6e4

Ferramentas recomendadas para #b2e6e4

Conversões de Cores

Distribuição de #b2e6e4

A cor #b2e6e4 é composta por diferentes quantidades de vermelho, verde e azul (RGB), ou ciano, magenta, amarelo e preto (CMYK). Veja abaixo a distribuição percentual em cada modelo.

Para transformar essa distribuição em paletas utilizáveis, experimente o Gerador de Paletas e a Escala de Cores.

Harmonia de Cores

Descubra combinações de cores harmoniosas baseadas na teoria das cores. Estas paletas podem ajudar a criar designs equilibrados e visualmente agradáveis.

Quer validar acessibilidade dessas combinações? Use o Comparador Paleta + Contraste.

Tons e Matizes de #b2e6e4

Explore as variações de luminosidade da cor. Matizes (Tints) são criados adicionando branco, enquanto Sombras (Shades) são obtidas adicionando preto.

Pré-visualização

Veja como a cor #b2e6e4 se comporta em diferentes contextos, como fundos claros, escuros e como cor de texto.

Contraste (WCAG)

Verifique a acessibilidade da cor #b2e6e4 como cor de fundo para texto branco e preto, de acordo com as diretrizes WCAG 2.0.

Para testes avançados com múltiplos pares, use o Relatório de Contraste em Lote.

Casos de uso práticos

Aplicações reais para a cor #b2e6e4, com ação direta para cada cenário.

Exemplos CSS

Copie e cole estes snippets CSS para usar a cor #b2e6e4 em seus projetos web.

Se preferir exportação estruturada, use o Exportador de Tokens.

.text-primary {
  color: #b2e6e4;
}

.bg-primary {
  background-color: #b2e6e4;
}

.border-primary {
  border: 1px solid #b2e6e4;
}

<span style="color:#b2e6e4;">Texto</span>

<div style="background-color:#b2e6e4;">...</div>

Perguntas frequentes sobre #b2e6e4

Cores semelhantes para explorar

Continue a navegação interna por cores relacionadas e descubra novas combinações para o seu design.