Informação da cor #a6fbc6

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

No padrão de cores CMYK, é composto por 33.9% de ciano, 0% de magenta, 21.1% de amarelo e 1.6% de preto. Tem um ângulo de matiz de 142.6 graus, uma saturação de 91.4% e uma leveza de 81.8%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #a6fbc6 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 a6fbc6
RGB 166, 251, 198
RGB Percentagem 65.1%, 98.4%, 77.6%
CMYK 0.34, 0, 0.21, 0.02
HSL 142.6°, 91.4%, 81.8%
HSV (ou HSB) 142.6°, 33.9%, 98.4%
RYB 65.1, 89.4, 98.4
Formato Cor
XYZ 62.3, 82.3, 68.6
CIELab 92.69, -34.09, 15.93
Decimal 10943430
Yxy 81.1753, 0.2912, 0.3912
YUV 219.543, 115.8426, 89.8095
CIELuv 92.2096, -40.867, 32.0315
Web Safe 99CC99

Distribuição de #a6fbc6

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.

#a6fbc6

#a6fbc6
rgb(166,251,198)

#fba6dc

#fba6dc
rgb(251,166,220)

Cores triadicas

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

#c6a6fb

#c6a6fb
rgb(198,166,251)

#a6fbc6

#a6fbc6
rgb(166,251,198)

#fbc6a6

#fbc6a6
rgb(251,198,166)

Cores tetrádicas

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

#a6b1fb

#a6b1fb
rgb(166,177,251)

#a6fbc6

#a6fbc6
rgb(166,251,198)

#fba6dc

#fba6dc
rgb(251,166,220)

#fbf1a6

#fbf1a6
rgb(251,241,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.

#a6fbc6

#a6fbc6
rgb(166,251,198)

#c6fbda

#c6fbda
rgb(198,251,218)

#c3fbd9

#c3fbd9
rgb(195,251,217)

#c1fbd7

#c1fbd7
rgb(193,251,215)

#befbd5

#befbd5
rgb(190,251,213)

#bcfbd4

#bcfbd4
rgb(188,251,212)

Tons e Matizes de #a6fbc6

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

Matiz (adicionando branco)
#a6fbc6

#a6fbc6
rgb(166,251,198)

#b7fbd1

#b7fbd1
rgb(183,251,209)

#c9fcdc

#c9fcdc
rgb(201,252,220)

#dbfde8

#dbfde8
rgb(219,253,232)

#edfef3

#edfef3
rgb(237,254,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a6fbc6

#a6fbc6
rgb(166,251,198)

#84c89e

#84c89e
rgb(132,200,158)

#639676

#639676
rgb(99,150,118)

#42644f

#42644f
rgb(66,100,79)

#213227

#213227
rgb(33,50,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a6fbc6

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a6fbc6.

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

Este elemento tem uma cor de borda de #a6fbc6.

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

Cores alietórias

#5c123e

#5c123e
rgb(92,18,62)

#ee1a40

#ee1a40
rgb(238,26,64)

#3b1c9a

#3b1c9a
rgb(59,28,154)

#a5445f

#a5445f
rgb(165,68,95)

#8b1789

#8b1789
rgb(139,23,137)

#de988b

#de988b
rgb(222,152,139)

#29de3b

#29de3b
rgb(41,222,59)

#b1ef0e

#b1ef0e
rgb(177,239,14)

#b76ea9

#b76ea9
rgb(183,110,169)

#df9929

#df9929
rgb(223,153,41)

#a8ff4a

#a8ff4a
rgb(168,255,74)

#c91a74

#c91a74
rgb(201,26,116)