#1db1ef

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

Informação da cor #1db1ef

Sobre esta cor

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

Vermelho 29
Verde 177
Azul 239

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

Possui um ângulo de matiz de 197.7°, uma saturação de 86.8% e uma luminosidade de 52.6%.

Para ser mais WebSafe, a cor mais próxima é 0099CC.

Conversões de Cores

Hexadecimal
1db1ef
RGB
29, 177, 239
11.4%, 69.4%, 93.7%
HSL
197.7°, 86.8%, 52.6%
HSV (HSB)
197.7°, 87.9%, 93.7%
CMYK
0.88, 0.26, 0, 0.06
Web Safe
0099CC
RYB
11.4, 45.5, 93.7
CIELab
69.72, -16.88, -38.98
XYZ
33.3, 40.4, 88.7
Decimal
1946095
Yxy
37.9333, 0.2025, 0.2416
YUV
139.816, 183.9729, 48.9587
CIELuv
67.9714, -44.5171, -64.1424

Distribuição de #1db1ef

A cor #1db1ef é 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) 11.4%
Verde (Green) 69.4%
Azul (Blue) 93.7%
CMYK
Ciano (Cyan) 87.9%
Magenta 25.9%
Amarelo (Yellow) 0%
Preto (Key) 6.3%
RYB
Vermelho (Red) 11.4%
Amarelo (Yellow) 45.5%
Azul (Blue) 93.7%
CMY
Ciano (Cyan) 88.6%
Magenta 30.6%
Amarelo (Yellow) 6.3%

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.

#1db1ef
#ef5b1e

Cores Triádicas

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

#ef1eb2
#1db1ef
#b2ef1e

Cores Tetrádicas

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

#c41eef
#1db1ef
#ef5b1e
#49ef1e

Cores Monocromáticas

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

#1db1ef
#bbe0ef
#b9dfef
#b6dfef
#b4deef
#b2ddef

Tons e Matizes de #1db1ef

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)

#1db1ef
#4ac0f2
#77d0f5
#a4dff8
#d1effb
#ffffff

Sombra (Adicionando Preto)

#1db1ef
#178dbf
#116a8f
#0b465f
#05232f
#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 #1db1ef 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 #1db1ef 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 #1db1ef sobre um fundo preto.

Texto sobre Fundo #1db1ef

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 #1db1ef 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 #1db1ef em seus projetos web.

Cor do Texto

Este texto está usando a cor #1db1ef.

.text-primary {
  color: #1db1ef;
}
Cor de Fundo

Este elemento tem fundo #1db1ef.

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

Cores Aleatórias

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

#ac469d
#e3cb44
#3cf094
#cad114
#7347b2
#88b1d5
#ba05db
#e6a926
#e3c67d
#347448
#f1d3f2
#22b4b5