Informação da cor #0555ce

A cor hexadecimal 0555ce no modelo de cores RGB (Red, Green, Blue), é um composta por 5 de vermelho, 85 de verde e 206 de azul.

No padrão de cores CMYK, é composto por 97.6% de ciano, 58.7% de magenta, 0% de amarelo e 19.2% de preto. Tem um ângulo de matiz de 216.1 graus, uma saturação de 95.3% e uma leveza de 41.4%.

A cor mais próxima WebSafe é 0033CC.

Conversões de #0555ce 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 0555ce
RGB 5, 85, 206
RGB Percentagem 2%, 33.3%, 80.8%
CMYK 0.98, 0.59, 0, 0.19
HSL 216.1°, 95.3%, 41.4%
HSV (ou HSB) 216.1°, 97.6%, 80.8%
RYB 2, 24.7, 80.8
Formato Cor
XYZ 15.6, 12.6, 62.4
CIELab 42.16, 23.21, -65.83
Decimal 349646
Yxy 10.9835, 0.1696, 0.129
YUV 74.874, 201.9989, 78.1612
CIELuv 39.5527, -18.8204, -98.9991
Web Safe 0033CC

Distribuição de #0555ce

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.

#0555ce

#0555ce
rgb(5,85,206)

#ce7e05

#ce7e05
rgb(206,126,5)

Cores triadicas

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

#ce0556

#ce0556
rgb(206,5,86)

#0555ce

#0555ce
rgb(5,85,206)

#56ce05

#56ce05
rgb(86,206,5)

Cores tetrádicas

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

#ce05ba

#ce05ba
rgb(206,5,186)

#0555ce

#0555ce
rgb(5,85,206)

#ce7e05

#ce7e05
rgb(206,126,5)

#05ce1a

#05ce1a
rgb(5,206,26)

Cores monocromáticas

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

#0555ce

#0555ce
rgb(5,85,206)

#a1b3ce

#a1b3ce
rgb(161,179,206)

#9fb2ce

#9fb2ce
rgb(159,178,206)

#9db1ce

#9db1ce
rgb(157,177,206)

#9bb0ce

#9bb0ce
rgb(155,176,206)

#99aece

#99aece
rgb(153,174,206)

Tons e Matizes de #0555ce

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

Matiz (adicionando branco)
#0555ce

#0555ce
rgb(5,85,206)

#3777d7

#3777d7
rgb(55,119,215)

#6999e1

#6999e1
rgb(105,153,225)

#9bbbeb

#9bbbeb
rgb(155,187,235)

#cdddf5

#cdddf5
rgb(205,221,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0555ce

#0555ce
rgb(5,85,206)

#0444a4

#0444a4
rgb(4,68,164)

#03337b

#03337b
rgb(3,51,123)

#012152

#012152
rgb(1,33,82)

#001029

#001029
rgb(0,16,41)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0555ce

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

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

Contraste

Branco e #0555ce
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 #0555ce
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 #0555ce

Este exemplo mostra como o texto na cor #0555ce se parece.

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

Este parágrafo tem fundo de cor #0555ce.

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

Este elemento tem uma cor de borda de #0555ce.

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

Cores alietórias

#449784

#449784
rgb(68,151,132)

#5014f7

#5014f7
rgb(80,20,247)

#31367d

#31367d
rgb(49,54,125)

#288a9d

#288a9d
rgb(40,138,157)

#361455

#361455
rgb(54,20,85)

#497634

#497634
rgb(73,118,52)

#3df6b7

#3df6b7
rgb(61,246,183)

#a45aa9

#a45aa9
rgb(164,90,169)

#807f54

#807f54
rgb(128,127,84)

#c68b5a

#c68b5a
rgb(198,139,90)

#fd1f23

#fd1f23
rgb(253,31,35)

#53e4d2

#53e4d2
rgb(83,228,210)