Informação da cor #158ef5

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

No padrão de cores CMYK, é composto por 91.4% de ciano, 42% de magenta, 0% de amarelo e 3.9% de preto. Tem um ângulo de matiz de 207.6 graus, uma saturação de 91.8% e uma leveza de 52.2%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #158ef5 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 158ef5
RGB 21, 142, 245
RGB Percentagem 8.2%, 55.7%, 96.1%
CMYK 0.91, 0.42, 0, 0.04
HSL 207.6°, 91.8%, 52.2%
HSV (ou HSB) 207.6°, 91.4%, 96.1%
RYB 8.2, 39.2, 96.1
Formato Cor
XYZ 27.9, 28.5, 91.1
CIELab 60.3, 3.26, -56.88
Decimal 1412853
Yxy 26.0945, 0.1856, 0.183
YUV 117.563, 199.9171, 59.1249
CIELuv 58.1266, -33.2462, -95.9201
Web Safe 0066CC

Distribuição de #158ef5

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.

#158ef5

#158ef5
rgb(21,142,245)

#f57d16

#f57d16
rgb(245,125,22)

Cores triadicas

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

#f5168e

#f5168e
rgb(245,22,142)

#158ef5

#158ef5
rgb(21,142,245)

#8ef516

#8ef516
rgb(142,245,22)

Cores tetrádicas

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

#ed16f5

#ed16f5
rgb(237,22,245)

#158ef5

#158ef5
rgb(21,142,245)

#f57d16

#f57d16
rgb(245,125,22)

#1ef516

#1ef516
rgb(30,245,22)

Cores monocromáticas

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

#158ef5

#158ef5
rgb(21,142,245)

#c0ddf5

#c0ddf5
rgb(192,221,245)

#bddcf5

#bddcf5
rgb(189,220,245)

#bbdbf5

#bbdbf5
rgb(187,219,245)

#b8d9f5

#b8d9f5
rgb(184,217,245)

#b6d8f5

#b6d8f5
rgb(182,216,245)

Tons e Matizes de #158ef5

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

Matiz (adicionando branco)
#158ef5

#158ef5
rgb(21,142,245)

#43a4f7

#43a4f7
rgb(67,164,247)

#72bbf9

#72bbf9
rgb(114,187,249)

#a1d1fb

#a1d1fb
rgb(161,209,251)

#d0e8fd

#d0e8fd
rgb(208,232,253)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#158ef5

#158ef5
rgb(21,142,245)

#1071c4

#1071c4
rgb(16,113,196)

#0c5593

#0c5593
rgb(12,85,147)

#083861

#083861
rgb(8,56,97)

#041c30

#041c30
rgb(4,28,48)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #158ef5

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#bb2a9c

#bb2a9c
rgb(187,42,156)

#1705c6

#1705c6
rgb(23,5,198)

#98aa1c

#98aa1c
rgb(152,170,28)

#982c57

#982c57
rgb(152,44,87)

#0b333c

#0b333c
rgb(11,51,60)

#397a2c

#397a2c
rgb(57,122,44)

#01e72b

#01e72b
rgb(1,231,43)

#7b5cd4

#7b5cd4
rgb(123,92,212)

#bbcf0c

#bbcf0c
rgb(187,207,12)

#843afb

#843afb
rgb(132,58,251)

#1fdee5

#1fdee5
rgb(31,222,229)

#fb04f8

#fb04f8
rgb(251,4,248)