Informação da cor #196bce

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

No padrão de cores CMYK, é composto por 87.9% de ciano, 48.1% de magenta, 0% de amarelo e 19.2% de preto. Tem um ângulo de matiz de 212.8 graus, uma saturação de 78.4% e uma leveza de 45.3%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #196bce 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 196bce
RGB 25, 107, 206
RGB Percentagem 9.8%, 42%, 80.8%
CMYK 0.88, 0.48, 0, 0.19
HSL 212.8°, 78.4%, 45.3%
HSV (ou HSB) 212.8°, 87.9%, 80.8%
RYB 9.8, 32.2, 80.8
Formato Cor
XYZ 18.4, 17.3, 63.2
CIELab 48.61, 10.51, -55.39
Decimal 1665998
Yxy 15.1761, 0.1818, 0.1643
YUV 93.768, 191.3364, 78.9501
CIELuv 45.8745, -23.8744, -87.962
Web Safe 0066CC

Distribuição de #196bce

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.

#196bce

#196bce
rgb(25,107,206)

#ce7c19

#ce7c19
rgb(206,124,25)

Cores triadicas

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

#ce196c

#ce196c
rgb(206,25,108)

#196bce

#196bce
rgb(25,107,206)

#6cce19

#6cce19
rgb(108,206,25)

Cores tetrádicas

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

#ce19c6

#ce19c6
rgb(206,25,198)

#196bce

#196bce
rgb(25,107,206)

#ce7c19

#ce7c19
rgb(206,124,25)

#19ce22

#19ce22
rgb(25,206,34)

Cores monocromáticas

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

#196bce

#196bce
rgb(25,107,206)

#a1b6ce

#a1b6ce
rgb(161,182,206)

#9fb5ce

#9fb5ce
rgb(159,181,206)

#9db4ce

#9db4ce
rgb(157,180,206)

#9bb2ce

#9bb2ce
rgb(155,178,206)

#99b1ce

#99b1ce
rgb(153,177,206)

Tons e Matizes de #196bce

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

Matiz (adicionando branco)
#196bce

#196bce
rgb(25,107,206)

#4788d7

#4788d7
rgb(71,136,215)

#75a6e1

#75a6e1
rgb(117,166,225)

#a3c3eb

#a3c3eb
rgb(163,195,235)

#d1e1f5

#d1e1f5
rgb(209,225,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#196bce

#196bce
rgb(25,107,206)

#1455a4

#1455a4
rgb(20,85,164)

#0f407b

#0f407b
rgb(15,64,123)

#092a52

#092a52
rgb(9,42,82)

#041529

#041529
rgb(4,21,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #196bce

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#1a6e83

#1a6e83
rgb(26,110,131)

#935e9e

#935e9e
rgb(147,94,158)

#93ec57

#93ec57
rgb(147,236,87)

#071ed7

#071ed7
rgb(7,30,215)

#1fe8a4

#1fe8a4
rgb(31,232,164)

#82d18f

#82d18f
rgb(130,209,143)

#90ad69

#90ad69
rgb(144,173,105)

#e5a52c

#e5a52c
rgb(229,165,44)

#c64da7

#c64da7
rgb(198,77,167)

#72df3b

#72df3b
rgb(114,223,59)

#1aaf5c

#1aaf5c
rgb(26,175,92)

#07c95c

#07c95c
rgb(7,201,92)