Informação da cor #929ce1

A cor hexadecimal 929ce1 no modelo de cores RGB (Red, Green, Blue), é um composta por 146 de vermelho, 156 de verde e 225 de azul.

No padrão de cores CMYK, é composto por 35.1% de ciano, 30.7% de magenta, 0% de amarelo e 11.8% de preto. Tem um ângulo de matiz de 232.4 graus, uma saturação de 56.8% e uma leveza de 72.8%.

A cor mais próxima WebSafe é 6699CC.

Conversões de #929ce1 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 929ce1
RGB 146, 156, 225
RGB Percentagem 57.3%, 61.2%, 88.2%
CMYK 0.35, 0.31, 0, 0.12
HSL 232.4°, 56.8%, 72.8%
HSV (ou HSB) 232.4°, 35.1%, 88.2%
RYB 57.3, 60.8, 88.2
Formato Cor
XYZ 40.1, 38.4, 78.2
CIELab 68.32, 11.55, -33.75
Decimal 9608417
Yxy 35.3228, 0.251, 0.2375
YUV 160.876, 164.1874, 117.3895
CIELuv 65.9992, -8.6744, -58.8995
Web Safe 6699CC

Distribuição de #929ce1

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.

#929ce1

#929ce1
rgb(146,156,225)

#e1d792

#e1d792
rgb(225,215,146)

Cores triadicas

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

#e1929d

#e1929d
rgb(225,146,157)

#929ce1

#929ce1
rgb(146,156,225)

#9de192

#9de192
rgb(157,225,146)

Cores tetrádicas

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

#e192c4

#e192c4
rgb(225,146,196)

#929ce1

#929ce1
rgb(146,156,225)

#e1d792

#e1d792
rgb(225,215,146)

#92e1b0

#92e1b0
rgb(146,225,176)

Cores monocromáticas

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

#929ce1

#929ce1
rgb(146,156,225)

#b1b8e1

#b1b8e1
rgb(177,184,225)

#afb6e1

#afb6e1
rgb(175,182,225)

#adb4e1

#adb4e1
rgb(173,180,225)

#abb2e1

#abb2e1
rgb(171,178,225)

#a8b0e1

#a8b0e1
rgb(168,176,225)

Tons e Matizes de #929ce1

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

Matiz (adicionando branco)
#929ce1

#929ce1
rgb(146,156,225)

#a7afe7

#a7afe7
rgb(167,175,231)

#bdc3ed

#bdc3ed
rgb(189,195,237)

#d3d7f3

#d3d7f3
rgb(211,215,243)

#e9ebf9

#e9ebf9
rgb(233,235,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#929ce1

#929ce1
rgb(146,156,225)

#747cb4

#747cb4
rgb(116,124,180)

#575d87

#575d87
rgb(87,93,135)

#3a3e59

#3a3e59
rgb(58,62,89)

#1d1f2c

#1d1f2c
rgb(29,31,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #929ce1

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

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

Contraste

Branco e #929ce1
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.

Preto e #929ce1
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.

Exemplos CSS

Texto com cor hexadecimal #929ce1

Este exemplo mostra como o texto na cor #929ce1 se parece.

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

Este parágrafo tem fundo de cor #929ce1.

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

Este elemento tem uma cor de borda de #929ce1.

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

Cores alietórias

#27ece1

#27ece1
rgb(39,236,225)

#2fcc07

#2fcc07
rgb(47,204,7)

#aeb075

#aeb075
rgb(174,176,117)

#671d03

#671d03
rgb(103,29,3)

#0d548e

#0d548e
rgb(13,84,142)

#e0abca

#e0abca
rgb(224,171,202)

#9d0932

#9d0932
rgb(157,9,50)

#9e704f

#9e704f
rgb(158,112,79)

#ae10c0

#ae10c0
rgb(174,16,192)

#9ca811

#9ca811
rgb(156,168,17)

#6b7fb1

#6b7fb1
rgb(107,127,177)

#b4c819

#b4c819
rgb(180,200,25)