#41e8db

Detalhes completos, conversões e esquemas para esta cor.

Informação da cor #41e8db

Sobre esta cor

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

Vermelho 65
Verde 232
Azul 219

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

Possui um ângulo de matiz de 175.3°, uma saturação de 78.4% e uma luminosidade de 58.2%.

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

Conversões de Cores

Hexadecimal
41e8db
RGB
65, 232, 219
25.5%, 91%, 85.9%
HSL
175.3°, 78.4%, 58.2%
HSV (HSB)
175.3°, 72%, 91%
CMYK
0.72, 0, 0.06, 0.09
Web Safe
33CCCC
RYB
25.5, 59.6, 91
CIELab
84.72, -43.51, -6.22
XYZ
45.3, 65.5, 79.2
Decimal
4319451
Yxy
63.9463, 0.2371, 0.346
YUV
180.585, 149.6789, 45.5571
CIELuv
83.9378, -60.9131, -2.1826

Distribuição de #41e8db

A cor #41e8db é 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.5%
Verde (Green) 91%
Azul (Blue) 85.9%
CMYK
Ciano (Cyan) 72%
Magenta 0%
Amarelo (Yellow) 5.6%
Preto (Key) 9%
RYB
Vermelho (Red) 25.5%
Amarelo (Yellow) 59.6%
Azul (Blue) 91%
CMY
Ciano (Cyan) 74.5%
Magenta 9%
Amarelo (Yellow) 14.1%

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.

#41e8db
#e8414f

Cores Triádicas

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

#db41e8
#41e8db
#e8db41

Cores Tetrádicas

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

#8841e8
#41e8db
#e8414f
#a2e841

Cores Monocromáticas

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

#41e8db
#b6e8e5
#b4e8e4
#b1e8e4
#afe8e4
#ade8e4

Tons e Matizes de #41e8db

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)

#41e8db
#67ece2
#8df1e9
#b3f5f0
#d9faf7
#ffffff

Sombra (Adicionando Preto)

#41e8db
#34b9af
#278b83
#195c57
#0c2e2b
#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 #41e8db 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 #41e8db 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 #41e8db sobre um fundo preto.

Texto sobre Fundo #41e8db

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 #41e8db 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

Exemplos CSS

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

Cor do Texto

Este texto está usando a cor #41e8db.

.text-primary {
  color: #41e8db;
}
Cor de Fundo

Este elemento tem fundo #41e8db.

.bg-primary {
  background-color: #41e8db;
}
Cor da Borda
Este elemento tem borda #41e8db.
.border-primary {
  border: 1px solid #41e8db;
}
Estilos Inline (HTML)
Para Texto:
<span style="color:#41e8db;">Texto</span>
Para Fundo:
<div style="background-color:#41e8db;">...</div>

Cores Aleatórias

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

#ac6cb4
#e4254b
#ab2e5e
#3b0585
#1c7d9b
#c76452
#5f955a
#a921f9
#d2dd1d
#0ee6e4
#f05b60
#475386