Informação da cor #1463bc

A cor hexadecimal 1463bc no modelo de cores RGB (Red, Green, Blue), é um composta por 20 de vermelho, 99 de verde e 188 de azul.

No padrão de cores CMYK, é composto por 89.4% de ciano, 47.3% de magenta, 0% de amarelo e 26.3% de preto. Tem um ângulo de matiz de 211.8 graus, uma saturação de 80.8% e uma leveza de 40.8%.

A cor mais próxima WebSafe é 003399.

Conversões de #1463bc 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 1463bc
RGB 20, 99, 188
RGB Percentagem 7.8%, 38.8%, 73.7%
CMYK 0.89, 0.47, 0, 0.26
HSL 211.8°, 80.8%, 40.8%
HSV (ou HSB) 211.8°, 89.4%, 73.7%
RYB 7.8, 29, 73.7
Formato Cor
XYZ 15.4, 14.7, 52.4
CIELab 45.2, 8.53, -51.22
Decimal 1336252
Yxy 12.7014, 0.1823, 0.1675
YUV 85.525, 185.8301, 81.2632
CIELuv 42.3099, -22.4659, -79.0848
Web Safe 003399

Distribuição de #1463bc

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.

#1463bc

#1463bc
rgb(20,99,188)

#bc6d15

#bc6d15
rgb(188,109,21)

Cores triadicas

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

#bc1564

#bc1564
rgb(188,21,100)

#1463bc

#1463bc
rgb(20,99,188)

#64bc15

#64bc15
rgb(100,188,21)

Cores tetrádicas

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

#bc15b8

#bc15b8
rgb(188,21,184)

#1463bc

#1463bc
rgb(20,99,188)

#bc6d15

#bc6d15
rgb(188,109,21)

#15bc19

#15bc19
rgb(21,188,25)

Cores monocromáticas

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

#1463bc

#1463bc
rgb(20,99,188)

#93a7bc

#93a7bc
rgb(147,167,188)

#91a6bc

#91a6bc
rgb(145,166,188)

#90a5bc

#90a5bc
rgb(144,165,188)

#8ea4bc

#8ea4bc
rgb(142,164,188)

#8ca3bc

#8ca3bc
rgb(140,163,188)

Tons e Matizes de #1463bc

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

Matiz (adicionando branco)
#1463bc

#1463bc
rgb(20,99,188)

#4382c9

#4382c9
rgb(67,130,201)

#72a1d6

#72a1d6
rgb(114,161,214)

#a1c0e4

#a1c0e4
rgb(161,192,228)

#d0dff1

#d0dff1
rgb(208,223,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1463bc

#1463bc
rgb(20,99,188)

#104f96

#104f96
rgb(16,79,150)

#0c3b70

#0c3b70
rgb(12,59,112)

#07274b

#07274b
rgb(7,39,75)

#031325

#031325
rgb(3,19,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1463bc

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

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

Contraste

Branco e #1463bc
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 #1463bc
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 #1463bc

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

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

Este parágrafo tem fundo de cor #1463bc.

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

Este elemento tem uma cor de borda de #1463bc.

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

Cores alietórias

#82f440

#82f440
rgb(130,244,64)

#0d64c1

#0d64c1
rgb(13,100,193)

#3dbd3d

#3dbd3d
rgb(61,189,61)

#6b7710

#6b7710
rgb(107,119,16)

#8687bd

#8687bd
rgb(134,135,189)

#f92108

#f92108
rgb(249,33,8)

#970ed5

#970ed5
rgb(151,14,213)

#72124f

#72124f
rgb(114,18,79)

#bb44a4

#bb44a4
rgb(187,68,164)

#d2da48

#d2da48
rgb(210,218,72)

#8d62c4

#8d62c4
rgb(141,98,196)

#a6d8cc

#a6d8cc
rgb(166,216,204)