Informação da cor #196dd1

A cor hexadecimal 196dd1 no modelo de cores RGB (Red, Green, Blue), é um composta por 25 de vermelho, 109 de verde e 209 de azul.

No padrão de cores CMYK, é composto por 88% de ciano, 47.8% de magenta, 0% de amarelo e 18% de preto. Tem um ângulo de matiz de 212.6 graus, uma saturação de 78.6% e uma leveza de 45.9%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #196dd1 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 196dd1
RGB 25, 109, 209
RGB Percentagem 9.8%, 42.7%, 82%
CMYK 0.88, 0.48, 0, 0.18
HSL 212.6°, 78.6%, 45.9%
HSV (ou HSB) 212.6°, 88%, 82%
RYB 9.8, 32.5, 82
Formato Cor
XYZ 18.9, 17.9, 65.1
CIELab 49.34, 10.36, -55.8
Decimal 1666513
Yxy 15.7451, 0.1818, 0.1648
YUV 95.284, 192.1738, 77.8688
CIELuv 46.6383, -24.373, -89.0632
Web Safe 0066CC

Distribuição de #196dd1

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.

#196dd1

#196dd1
rgb(25,109,209)

#d17d19

#d17d19
rgb(209,125,25)

Cores triadicas

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

#d1196e

#d1196e
rgb(209,25,110)

#196dd1

#196dd1
rgb(25,109,209)

#6ed119

#6ed119
rgb(110,209,25)

Cores tetrádicas

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

#d119ca

#d119ca
rgb(209,25,202)

#196dd1

#196dd1
rgb(25,109,209)

#d17d19

#d17d19
rgb(209,125,25)

#19d121

#19d121
rgb(25,209,33)

Cores monocromáticas

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

#196dd1

#196dd1
rgb(25,109,209)

#a4b9d1

#a4b9d1
rgb(164,185,209)

#a2b8d1

#a2b8d1
rgb(162,184,209)

#a0b6d1

#a0b6d1
rgb(160,182,209)

#9db5d1

#9db5d1
rgb(157,181,209)

#9bb4d1

#9bb4d1
rgb(155,180,209)

Tons e Matizes de #196dd1

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

Matiz (adicionando branco)
#196dd1

#196dd1
rgb(25,109,209)

#478ada

#478ada
rgb(71,138,218)

#75a7e3

#75a7e3
rgb(117,167,227)

#a3c4ec

#a3c4ec
rgb(163,196,236)

#d1e1f5

#d1e1f5
rgb(209,225,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#196dd1

#196dd1
rgb(25,109,209)

#1457a7

#1457a7
rgb(20,87,167)

#0f417d

#0f417d
rgb(15,65,125)

#092b53

#092b53
rgb(9,43,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 #196dd1 fica em um fundo branco.

Fundo preto

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

Fundo de cor #196dd1

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

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

Contraste

Branco e #196dd1
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 #196dd1
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 #196dd1

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

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

Este parágrafo tem fundo de cor #196dd1.

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

Este elemento tem uma cor de borda de #196dd1.

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

Cores alietórias

#d37fec

#d37fec
rgb(211,127,236)

#3577ae

#3577ae
rgb(53,119,174)

#5deda9

#5deda9
rgb(93,237,169)

#a21b7f

#a21b7f
rgb(162,27,127)

#e14b71

#e14b71
rgb(225,75,113)

#37e145

#37e145
rgb(55,225,69)

#7e9e29

#7e9e29
rgb(126,158,41)

#61174b

#61174b
rgb(97,23,75)

#e33349

#e33349
rgb(227,51,73)

#768327

#768327
rgb(118,131,39)

#70135f

#70135f
rgb(112,19,95)

#34c7e7

#34c7e7
rgb(52,199,231)