Informação da cor #a6d8f5

A cor hexadecimal a6d8f5 no modelo de cores RGB (Red, Green, Blue), é um composta por 166 de vermelho, 216 de verde e 245 de azul.

No padrão de cores CMYK, é composto por 32.2% de ciano, 11.8% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 202 graus, uma saturação de 79.8% e uma leveza de 80.6%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #a6d8f5 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 a6d8f5
RGB 166, 216, 245
RGB Percentagem 65.1%, 84.7%, 96.1%
CMYK 0.32, 0.12, 0, 0.04
HSL 202°, 79.8%, 80.6%
HSV (ou HSB) 202°, 32.2%, 96.1%
RYB 65.1, 77.3, 96.1
Formato Cor
XYZ 59, 66.1, 96.7
CIELab 85.05, -9.07, -18.01
Decimal 10934517
Yxy 63.8085, 0.2625, 0.2951
YUV 204.356, 150.9368, 100.642
CIELuv 83.866, -25.4355, -29.343
Web Safe 99CCCC

Distribuição de #a6d8f5

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.

#a6d8f5

#a6d8f5
rgb(166,216,245)

#f5c3a6

#f5c3a6
rgb(245,195,166)

Cores triadicas

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

#f5a6d9

#f5a6d9
rgb(245,166,217)

#a6d8f5

#a6d8f5
rgb(166,216,245)

#d9f5a6

#d9f5a6
rgb(217,245,166)

Cores tetrádicas

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

#eba6f5

#eba6f5
rgb(235,166,245)

#a6d8f5

#a6d8f5
rgb(166,216,245)

#f5c3a6

#f5c3a6
rgb(245,195,166)

#b1f5a6

#b1f5a6
rgb(177,245,166)

Cores monocromáticas

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

#a6d8f5

#a6d8f5
rgb(166,216,245)

#c1e2f5

#c1e2f5
rgb(193,226,245)

#bfe1f5

#bfe1f5
rgb(191,225,245)

#bce1f5

#bce1f5
rgb(188,225,245)

#bae0f5

#bae0f5
rgb(186,224,245)

#b7dff5

#b7dff5
rgb(183,223,245)

Tons e Matizes de #a6d8f5

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

Matiz (adicionando branco)
#a6d8f5

#a6d8f5
rgb(166,216,245)

#b7dff7

#b7dff7
rgb(183,223,247)

#c9e7f9

#c9e7f9
rgb(201,231,249)

#dbeffb

#dbeffb
rgb(219,239,251)

#edf7fd

#edf7fd
rgb(237,247,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a6d8f5

#a6d8f5
rgb(166,216,245)

#84acc4

#84acc4
rgb(132,172,196)

#638193

#638193
rgb(99,129,147)

#425661

#425661
rgb(66,86,97)

#212b30

#212b30
rgb(33,43,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a6d8f5

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

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

Contraste

Branco e #a6d8f5
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 #a6d8f5
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 #a6d8f5

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

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

Este parágrafo tem fundo de cor #a6d8f5.

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

Este elemento tem uma cor de borda de #a6d8f5.

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

Cores alietórias

#6d53c7

#6d53c7
rgb(109,83,199)

#bca811

#bca811
rgb(188,168,17)

#d09cee

#d09cee
rgb(208,156,238)

#a5b0f2

#a5b0f2
rgb(165,176,242)

#281822

#281822
rgb(40,24,34)

#e5feb8

#e5feb8
rgb(229,254,184)

#bd48ec

#bd48ec
rgb(189,72,236)

#dced85

#dced85
rgb(220,237,133)

#42c904

#42c904
rgb(66,201,4)

#24511d

#24511d
rgb(36,81,29)

#141ae0

#141ae0
rgb(20,26,224)

#3b9ad1

#3b9ad1
rgb(59,154,209)