Informação da cor #158bdb

A cor hexadecimal 158bdb no modelo de cores RGB (Red, Green, Blue), é um composta por 21 de vermelho, 139 de verde e 219 de azul.

No padrão de cores CMYK, é composto por 90.4% de ciano, 36.5% de magenta, 0% de amarelo e 14.1% de preto. Tem um ângulo de matiz de 204.2 graus, uma saturação de 82.5% e uma leveza de 47.1%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #158bdb 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 158bdb
RGB 21, 139, 219
RGB Percentagem 8.2%, 54.5%, 85.9%
CMYK 0.9, 0.37, 0, 0.14
HSL 204.2°, 82.5%, 47.1%
HSV (ou HSB) 204.2°, 90.4%, 85.9%
RYB 8.2, 37.3, 85.9
Formato Cor
XYZ 24, 26.2, 72.8
CIELab 58.2, -3.99, -46.91
Decimal 1412059
Yxy 23.7362, 0.1917, 0.2038
YUV 112.838, 187.9108, 62.495
CIELuv 55.8227, -33.6669, -76.9302
Web Safe 0066CC

Distribuição de #158bdb

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.

#158bdb

#158bdb
rgb(21,139,219)

#db6515

#db6515
rgb(219,101,21)

Cores triadicas

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

#db158c

#db158c
rgb(219,21,140)

#158bdb

#158bdb
rgb(21,139,219)

#8cdb15

#8cdb15
rgb(140,219,21)

Cores tetrádicas

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

#c815db

#c815db
rgb(200,21,219)

#158bdb

#158bdb
rgb(21,139,219)

#db6515

#db6515
rgb(219,101,21)

#29db15

#29db15
rgb(41,219,21)

Cores monocromáticas

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

#158bdb

#158bdb
rgb(21,139,219)

#acc8db

#acc8db
rgb(172,200,219)

#a9c7db

#a9c7db
rgb(169,199,219)

#a7c6db

#a7c6db
rgb(167,198,219)

#a5c5db

#a5c5db
rgb(165,197,219)

#a3c5db

#a3c5db
rgb(163,197,219)

Tons e Matizes de #158bdb

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

Matiz (adicionando branco)
#158bdb

#158bdb
rgb(21,139,219)

#43a2e2

#43a2e2
rgb(67,162,226)

#72b9e9

#72b9e9
rgb(114,185,233)

#a1d0f0

#a1d0f0
rgb(161,208,240)

#d0e7f7

#d0e7f7
rgb(208,231,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#158bdb

#158bdb
rgb(21,139,219)

#106faf

#106faf
rgb(16,111,175)

#0c5383

#0c5383
rgb(12,83,131)

#083757

#083757
rgb(8,55,87)

#041b2b

#041b2b
rgb(4,27,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #158bdb

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

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

Contraste

Branco e #158bdb
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.

Preto e #158bdb
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.

Exemplos CSS

Texto com cor hexadecimal #158bdb

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

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

Este parágrafo tem fundo de cor #158bdb.

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

Este elemento tem uma cor de borda de #158bdb.

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

Cores alietórias

#87391f

#87391f
rgb(135,57,31)

#523228

#523228
rgb(82,50,40)

#36712a

#36712a
rgb(54,113,42)

#ded559

#ded559
rgb(222,213,89)

#fbb372

#fbb372
rgb(251,179,114)

#08f982

#08f982
rgb(8,249,130)

#1364c5

#1364c5
rgb(19,100,197)

#79aec0

#79aec0
rgb(121,174,192)

#62e119

#62e119
rgb(98,225,25)

#d064ad

#d064ad
rgb(208,100,173)

#e4fe77

#e4fe77
rgb(228,254,119)

#51b984

#51b984
rgb(81,185,132)