Informação da cor #166ad1

A cor hexadecimal 166ad1 no modelo de cores RGB (Red, Green, Blue), é um composta por 22 de vermelho, 106 de verde e 209 de azul.

No padrão de cores CMYK, é composto por 89.5% de ciano, 49.3% de magenta, 0% de amarelo e 18% de preto. Tem um ângulo de matiz de 213.1 graus, uma saturação de 81% e uma leveza de 45.3%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #166ad1 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 166ad1
RGB 22, 106, 209
RGB Percentagem 8.6%, 41.6%, 82%
CMYK 0.89, 0.49, 0, 0.18
HSL 213.1°, 81%, 45.3%
HSV (ou HSB) 213.1°, 89.5%, 82%
RYB 8.6, 31.4, 82
Formato Cor
XYZ 18.5, 17.2, 65
CIELab 48.45, 11.98, -57.25
Decimal 1469137
Yxy 15.0799, 0.18, 0.1598
YUV 92.626, 193.6738, 77.6249
CIELuv 45.7434, -23.7029, -90.882
Web Safe 0066CC

Distribuição de #166ad1

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.

#166ad1

#166ad1
rgb(22,106,209)

#d17d16

#d17d16
rgb(209,125,22)

Cores triadicas

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

#d1166b

#d1166b
rgb(209,22,107)

#166ad1

#166ad1
rgb(22,106,209)

#6bd116

#6bd116
rgb(107,209,22)

Cores tetrádicas

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

#d116c8

#d116c8
rgb(209,22,200)

#166ad1

#166ad1
rgb(22,106,209)

#d17d16

#d17d16
rgb(209,125,22)

#16d120

#16d120
rgb(22,209,32)

Cores monocromáticas

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

#166ad1

#166ad1
rgb(22,106,209)

#a4b8d1

#a4b8d1
rgb(164,184,209)

#a2b7d1

#a2b7d1
rgb(162,183,209)

#a0b6d1

#a0b6d1
rgb(160,182,209)

#9db5d1

#9db5d1
rgb(157,181,209)

#9bb4d1

#9bb4d1
rgb(155,180,209)

Tons e Matizes de #166ad1

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

Matiz (adicionando branco)
#166ad1

#166ad1
rgb(22,106,209)

#4487da

#4487da
rgb(68,135,218)

#73a5e3

#73a5e3
rgb(115,165,227)

#a1c3ec

#a1c3ec
rgb(161,195,236)

#d0e1f5

#d0e1f5
rgb(208,225,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#166ad1

#166ad1
rgb(22,106,209)

#1154a7

#1154a7
rgb(17,84,167)

#0d3f7d

#0d3f7d
rgb(13,63,125)

#082a53

#082a53
rgb(8,42,83)

#041529

#041529
rgb(4,21,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #166ad1

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

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

Contraste

Branco e #166ad1
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ 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 #166ad1
Texto grande WCAG AA ✓ 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.

Exemplos CSS

Texto com cor hexadecimal #166ad1

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

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

Este parágrafo tem fundo de cor #166ad1.

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

Este elemento tem uma cor de borda de #166ad1.

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

Cores alietórias

#d1abff

#d1abff
rgb(209,171,255)

#7e81fd

#7e81fd
rgb(126,129,253)

#a40629

#a40629
rgb(164,6,41)

#cca627

#cca627
rgb(204,166,39)

#24d3eb

#24d3eb
rgb(36,211,235)

#ad13dd

#ad13dd
rgb(173,19,221)

#a4942d

#a4942d
rgb(164,148,45)

#42b4d7

#42b4d7
rgb(66,180,215)

#c01fc2

#c01fc2
rgb(192,31,194)

#9310ba

#9310ba
rgb(147,16,186)

#fcefd4

#fcefd4
rgb(252,239,212)

#2d1a9b

#2d1a9b
rgb(45,26,155)