Informação da cor #0c8ccc

A cor hexadecimal 0c8ccc no modelo de cores RGB (Red, Green, Blue), é um composta por 12 de vermelho, 140 de verde e 204 de azul.

No padrão de cores CMYK, é composto por 94.1% de ciano, 31.4% de magenta, 0% de amarelo e 20% de preto. Tem um ângulo de matiz de 200 graus, uma saturação de 88.9% e uma leveza de 42.4%.

A cor mais próxima WebSafe é 0066CC.

Conversões de #0c8ccc 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 0c8ccc
RGB 12, 140, 204
RGB Percentagem 4.7%, 54.9%, 80%
CMYK 0.94, 0.31, 0, 0.2
HSL 200°, 88.9%, 42.4%
HSV (ou HSB) 200°, 94.1%, 80%
RYB 4.7, 34.9, 80
Formato Cor
XYZ 22.1, 25.6, 63.4
CIELab 57.69, -10.22, -39.91
Decimal 822476
Yxy 23.1912, 0.1961, 0.2227
YUV 109.024, 181.5982, 58.796
CIELuv 55.2688, -35.3893, -63.7529
Web Safe 0066CC

Distribuição de #0c8ccc

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.

#0c8ccc

#0c8ccc
rgb(12,140,204)

#cc4c0d

#cc4c0d
rgb(204,76,13)

Cores triadicas

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

#cc0d8d

#cc0d8d
rgb(204,13,141)

#0c8ccc

#0c8ccc
rgb(12,140,204)

#8ccc0d

#8ccc0d
rgb(140,204,13)

Cores tetrádicas

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

#ac0dcc

#ac0dcc
rgb(172,13,204)

#0c8ccc

#0c8ccc
rgb(12,140,204)

#cc4c0d

#cc4c0d
rgb(204,76,13)

#2dcc0d

#2dcc0d
rgb(45,204,13)

Cores monocromáticas

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

#0c8ccc

#0c8ccc
rgb(12,140,204)

#a0becc

#a0becc
rgb(160,190,204)

#9ebdcc

#9ebdcc
rgb(158,189,204)

#9cbccc

#9cbccc
rgb(156,188,204)

#9abccc

#9abccc
rgb(154,188,204)

#98bbcc

#98bbcc
rgb(152,187,204)

Tons e Matizes de #0c8ccc

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

Matiz (adicionando branco)
#0c8ccc

#0c8ccc
rgb(12,140,204)

#3ca3d6

#3ca3d6
rgb(60,163,214)

#6dbae0

#6dbae0
rgb(109,186,224)

#9dd1ea

#9dd1ea
rgb(157,209,234)

#cee8f4

#cee8f4
rgb(206,232,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#0c8ccc

#0c8ccc
rgb(12,140,204)

#0970a3

#0970a3
rgb(9,112,163)

#07547a

#07547a
rgb(7,84,122)

#043751

#043751
rgb(4,55,81)

#021b28

#021b28
rgb(2,27,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #0c8ccc

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

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

Contraste

Branco e #0c8ccc
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 #0c8ccc
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 #0c8ccc

Este exemplo mostra como o texto na cor #0c8ccc se parece.

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

Este parágrafo tem fundo de cor #0c8ccc.

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

Este elemento tem uma cor de borda de #0c8ccc.

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

Cores alietórias

#5c195f

#5c195f
rgb(92,25,95)

#49ba76

#49ba76
rgb(73,186,118)

#42def1

#42def1
rgb(66,222,241)

#80c367

#80c367
rgb(128,195,103)

#3ae778

#3ae778
rgb(58,231,120)

#fe1158

#fe1158
rgb(254,17,88)

#f680ee

#f680ee
rgb(246,128,238)

#90bab2

#90bab2
rgb(144,186,178)

#2a76ad

#2a76ad
rgb(42,118,173)

#38d14f

#38d14f
rgb(56,209,79)

#9f2112

#9f2112
rgb(159,33,18)

#195388

#195388
rgb(25,83,136)