Cor #42f6eb - Guia Completo com Informações, Conversões e Esquemas

Amostra de cor para o código hexadecimal #42f6eb

Sobre esta cor

A cor hexadecimal #42f6eb é uma representação no modelo RGB composta por:

Vermelho 66

Verde 246

Azul 235

No espaço de cor CMYK (usado para impressão), é composta por 73.2% Ciano, 0% Magenta, 4.5% Amarelo e 3.5% Preto.

Possui um ângulo de matiz de 176.3°, uma saturação de 90.9% e uma luminosidade de 61.2%.

Para ser mais WebSafe, a cor mais próxima é 33CCCC.

Conversões de Cores

Hexadecimal

42f6eb

RGB

66, 246, 235

25.9%, 96.5%, 92.2%

HSL

176.3°, 90.9%, 61.2%

HSV (HSB)

176.3°, 73.2%, 96.5%

CMYK

0.73, 0, 0.04, 0.04

Web Safe

33CCCC

RYB

25.9, 62.4, 96.5

CIELab

88.89, -45.09, -7.8

XYZ

51.3, 73.9, 91.4

Decimal

4388587

Yxy

73.0619, 0.2353, 0.3425

YUV

190.926, 152.8725, 38.8944

CIELuv

88.4772, -64.5048, -4.643

Distribuição de #42f6eb

A cor #42f6eb é 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.

RGB

Vermelho (Red) 25.9%

Verde (Green) 96.5%

Azul (Blue) 92.2%

CMYK

Ciano (Cyan) 73.2%

Magenta 0%

Amarelo (Yellow) 4.5%

Preto (Key) 3.5%

RYB

Vermelho (Red) 25.9%

Amarelo (Yellow) 62.4%

Azul (Blue) 96.5%

CMY

Ciano (Cyan) 74.1%

Magenta 3.5%

Amarelo (Yellow) 7.8%

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.

Cores Complementares

Combinação de cores opostas no círculo cromático (180º). Criam alto contraste e impacto visual.

#42f6eb

#f6424d

Cores Triádicas

Três cores equidistantes no círculo cromático. Oferecem um equilíbrio vibrante entre contraste e harmonia.

#ec42f6

#42f6eb

#f6ec42

Cores Tetrádicas

Dois pares de cores complementares. Esta harmonia rica oferece muitas possibilidades de variação.

#9242f6

#42f6eb

#f6424d

#a7f642

Cores Monocromáticas

Variações de luminosidade e saturação da mesma cor base. Cria um visual coeso, elegante e suave.

#42f6eb

#c1f6f3

#bff6f3

#bcf6f3

#baf6f3

#b7f6f3

Tons e Matizes de #42f6eb

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

Matiz (Adicionando Branco)

#42f6eb

#67f7ef

#8df9f3

#b3fbf7

#d9fdfb

#ffffff

Sombra (Adicionando Preto)

#42f6eb

#34c4bc

#27938d

#1a625d

#0d312e

#000000

Quer criar gradientes incríveis?

Use estas cores para criar transições suaves em seus projetos web.

Experimentar Gerador de Gradiente

Pré-visualização

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

Cor em Fundo Branco

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #42f6eb sobre um fundo branco.

Cor em Fundo Preto

Título de Exemplo

Este é um parágrafo de exemplo para demonstrar a legibilidade do texto com a cor #42f6eb sobre um fundo preto.

Texto sobre Fundo #42f6eb

Texto Branco

Exemplo de texto branco sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Texto Preto

Exemplo de texto preto sobre o fundo da cor selecionada. Ideal para verificar o contraste.

Contraste (WCAG)

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

Texto Branco

Exemplo

Texto Grande

WCAG AA

X Não conforme

Texto Normal

WCAG AA

X Não conforme

Texto Grande

WCAG AAA

X Não conforme

Texto Normal

WCAG AAA

X Não conforme

Texto Preto

Exemplo

Texto Grande

WCAG AA

✓ Conforme

Texto Normal

WCAG AA

✓ Conforme

Texto Grande

WCAG AAA

✓ Conforme

Texto Normal

WCAG AAA

✓ Conforme

Quer testar outras combinações?

Experimente nosso verificador de contraste de cores dedicado para análises mais detalhadas.

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #42f6eb.

.text-primary {
  color: #42f6eb;
}

Cor de Fundo

Este elemento tem fundo #42f6eb.

.bg-primary {
  background-color: #42f6eb;
}

Cor da Borda

Este elemento tem borda #42f6eb.

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

Estilos Inline (HTML)

Para Texto:

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

Para Fundo:

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

Cores Aleatórias

Inspire-se com esta seleção de cores aleatórias. Clique em qualquer cor para ver seus detalhes completos.

#a1026c

#369f0e

#c68320

#05a3bd

#9e1134

#732332

#4fb48d

#af942d

#b9ede4

#780130

#0b0471

#b15b16