Informação da cor #a3d1ff

A cor hexadecimal a3d1ff no modelo de cores RGB (Red, Green, Blue), é um composta por 163 de vermelho, 209 de verde e 255 de azul.

No padrão de cores CMYK, é composto por 36.1% de ciano, 18% de magenta, 0% de amarelo e 0% de preto. Tem um ângulo de matiz de 210 graus, uma saturação de 100% e uma leveza de 82%.

A cor mais próxima WebSafe é 99CCFF.

Conversões de #a3d1ff num outro espaço de cores

Aqui você vê sua cor convertida em 14 formatos de cores diferentes, como RGB, CMYK, HSV, HSL, CIELab, Decimal, YUV e outros.
Formato Cor
Hex a3d1ff
RGB 163, 209, 255
RGB Percentagem 63.9%, 82%, 100%
CMYK 0.36, 0.18, 0, 0
HSL 210°, 100%, 82%
HSV (ou HSB) 210°, 36.1%, 100%
RYB 63.9, 76.1, 100
Formato Cor
XYZ 58.1, 63, 103.7
CIELab 83.46, -4.25, -25.29
Decimal 10736127
Yxy 60.6046, 0.2544, 0.2756
YUV 200.49, 158.7619, 101.2596
CIELuv 82.1657, -23.839, -43.3137
Web Safe 99CCFF

Distribuição de #a3d1ff

RGB
RYB
CMYK
CMY

Harmonia de cores

Cores complementares

É a harmonia que ocorre quando combinamos cores opostas na roda das cores. Em outras palavras, são cores que se encontram simétricas com respeito ao centro da roda. O Matiz varia em 180 º entre uma e outra.

#a3d1ff

#a3d1ff
rgb(163,209,255)

#ffd1a3

#ffd1a3
rgb(255,209,163)

Cores triadicas

É a harmonia onde usamos três cores equidistantes no circulo cromático. Por exemplo azul, amarelo e vermelho.

#ffa3d1

#ffa3d1
rgb(255,163,209)

#a3d1ff

#a3d1ff
rgb(163,209,255)

#d1ffa3

#d1ffa3
rgb(209,255,163)

Cores tetrádicas

Como o nome indica, refere-se a harmonia conseguida por dois pares de cores complementares entre si.

#ffa3ff

#ffa3ff
rgb(255,163,255)

#a3d1ff

#a3d1ff
rgb(163,209,255)

#ffd1a3

#ffd1a3
rgb(255,209,163)

#a3ffa3

#a3ffa3
rgb(163,255,163)

Cores monocromáticas

É a harmonia resultante de uma mesma cor da roda das cores. As tonalidades podem mudar, mas todas ficam no mesmo matiz.

#a3d1ff

#a3d1ff
rgb(163,209,255)

#c9e4ff

#c9e4ff
rgb(201,228,255)

#c6e3ff

#c6e3ff
rgb(198,227,255)

#c4e2ff

#c4e2ff
rgb(196,226,255)

#c1e0ff

#c1e0ff
rgb(193,224,255)

#bfdfff

#bfdfff
rgb(191,223,255)

Tons e Matizes de #a3d1ff

É possível obter uma sombra adicionando preto a qualquer matiz puro, enquanto um matiz é criado misturando branco a qualquer cor pura.

Matiz (adicionando branco)
#a3d1ff

#a3d1ff
rgb(163,209,255)

#b5daff

#b5daff
rgb(181,218,255)

#c7e3ff

#c7e3ff
rgb(199,227,255)

#daecff

#daecff
rgb(218,236,255)

#ecf5ff

#ecf5ff
rgb(236,245,255)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a3d1ff

#a3d1ff
rgb(163,209,255)

#82a7cc

#82a7cc
rgb(130,167,204)

#617d99

#617d99
rgb(97,125,153)

#415365

#415365
rgb(65,83,101)

#202932

#202932
rgb(32,41,50)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

Esta visualização mostra como a cor #a3d1ff fica em um fundo branco.

Fundo preto

Esta visualização mostra como a cor #a3d1ff fica em um fundo preto.

Fundo de cor #a3d1ff

Esta visualização mostra como a cor branca fica em um fundo #a3d1ff.

Esta visualização mostra como a cor preta fica em um fundo #a3d1ff.

Contraste

Branco e #a3d1ff
Texto grande WCAG AA X Não conforme
Qualquer texto WCAG AA X Não conforme
Texto grande WCAG AAA X Não conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #a3d1ff
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #a3d1ff

Este exemplo mostra como o texto na cor #a3d1ff se parece.

<span style="color:#a3d1ff;">Aqui fica o texto.</span>
Cor de fundo #a3d1ff

Este parágrafo tem fundo de cor #a3d1ff.

<p style="background-color:#a3d1ff;">O conteúdo fica aqui.</p>
Borda de cor #000bef

Este elemento tem uma cor de borda de #a3d1ff.

<div style="border:1px solid #000bef;">Conteúdo fica aqui</div>
Códigos CSS
.text {color:#a3d1ff;}
.background {background-color:#a3d1ff;}
.border {border:1px solid #a3d1ff;}

Cores alietórias

#117551

#117551
rgb(17,117,81)

#84e643

#84e643
rgb(132,230,67)

#35419c

#35419c
rgb(53,65,156)

#2a4188

#2a4188
rgb(42,65,136)

#789525

#789525
rgb(120,149,37)

#9538e6

#9538e6
rgb(149,56,230)

#a8fc57

#a8fc57
rgb(168,252,87)

#f2fac7

#f2fac7
rgb(242,250,199)

#5aa071

#5aa071
rgb(90,160,113)

#5480dd

#5480dd
rgb(84,128,221)

#414ffc

#414ffc
rgb(65,79,252)

#96b91d

#96b91d
rgb(150,185,29)