Informação da cor #152ce5

A cor hexadecimal 152ce5 no modelo de cores RGB (Red, Green, Blue), é um composta por 21 de vermelho, 44 de verde e 229 de azul.

No padrão de cores CMYK, é composto por 90.8% de ciano, 80.8% de magenta, 0% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 233.4 graus, uma saturação de 83.2% e uma leveza de 49%.

A cor mais próxima WebSafe é 0000CC.

Conversões de #152ce5 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 152ce5
RGB 21, 44, 229
RGB Percentagem 8.2%, 17.3%, 89.8%
CMYK 0.91, 0.81, 0, 0.1
HSL 233.4°, 83.2%, 49%
HSV (ou HSB) 233.4°, 90.8%, 89.8%
RYB 8.2, 16.5, 89.8
Formato Cor
XYZ 16.1, 8.5, 76.4
CIELab 34.93, 57.27, -89.94
Decimal 1387749
Yxy 7.6159, 0.157, 0.0779
YUV 58.213, 224.3809, 101.4573
CIELuv 33.1698, -10.51, -118.4365
Web Safe 0000CC

Distribuição de #152ce5

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.

#152ce5

#152ce5
rgb(21,44,229)

#e5cf15

#e5cf15
rgb(229,207,21)

Cores triadicas

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

#e5152c

#e5152c
rgb(229,21,44)

#152ce5

#152ce5
rgb(21,44,229)

#2ce515

#2ce515
rgb(44,229,21)

Cores tetrádicas

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

#e51594

#e51594
rgb(229,21,148)

#152ce5

#152ce5
rgb(21,44,229)

#e5cf15

#e5cf15
rgb(229,207,21)

#15e567

#15e567
rgb(21,229,103)

Cores monocromáticas

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

#152ce5

#152ce5
rgb(21,44,229)

#b3b9e5

#b3b9e5
rgb(179,185,229)

#b1b7e5

#b1b7e5
rgb(177,183,229)

#afb5e5

#afb5e5
rgb(175,181,229)

#acb3e5

#acb3e5
rgb(172,179,229)

#aab1e5

#aab1e5
rgb(170,177,229)

Tons e Matizes de #152ce5

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

Matiz (adicionando branco)
#152ce5

#152ce5
rgb(21,44,229)

#4356ea

#4356ea
rgb(67,86,234)

#7280ef

#7280ef
rgb(114,128,239)

#a1aaf4

#a1aaf4
rgb(161,170,244)

#d0d4f9

#d0d4f9
rgb(208,212,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#152ce5

#152ce5
rgb(21,44,229)

#1023b7

#1023b7
rgb(16,35,183)

#0c1a89

#0c1a89
rgb(12,26,137)

#08115b

#08115b
rgb(8,17,91)

#04082d

#04082d
rgb(4,8,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #152ce5

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

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

Contraste

Branco e #152ce5
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Preto e #152ce5
Texto grande WCAG AA X Não 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 #152ce5

Este exemplo mostra como o texto na cor #152ce5 se parece.

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

Este parágrafo tem fundo de cor #152ce5.

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

Este elemento tem uma cor de borda de #152ce5.

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

Cores alietórias

#e6f0a7

#e6f0a7
rgb(230,240,167)

#ccd5f4

#ccd5f4
rgb(204,213,244)

#c98d59

#c98d59
rgb(201,141,89)

#c88df0

#c88df0
rgb(200,141,240)

#0ea923

#0ea923
rgb(14,169,35)

#5b5a8a

#5b5a8a
rgb(91,90,138)

#fe99bd

#fe99bd
rgb(254,153,189)

#db791c

#db791c
rgb(219,121,28)

#a68416

#a68416
rgb(166,132,22)

#ae7753

#ae7753
rgb(174,119,83)

#e47f56

#e47f56
rgb(228,127,86)

#e27f7f

#e27f7f
rgb(226,127,127)