Informação da cor #3c8cc9

A cor hexadecimal 3c8cc9 no modelo de cores RGB (Red, Green, Blue), é um composta por 60 de vermelho, 140 de verde e 201 de azul.

No padrão de cores CMYK, é composto por 70.1% de ciano, 30.3% de magenta, 0% de amarelo e 21.2% de preto. Tem um ângulo de matiz de 206 graus, uma saturação de 56.6% e uma leveza de 51.2%.

A cor mais próxima WebSafe é 336699.

Conversões de #3c8cc9 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 3c8cc9
RGB 60, 140, 201
RGB Percentagem 23.5%, 54.9%, 78.8%
CMYK 0.7, 0.3, 0, 0.21
HSL 206°, 56.6%, 51.2%
HSV (ou HSB) 206°, 70.2%, 78.8%
RYB 23.5, 43.9, 78.8
Formato Cor
XYZ 23.9, 26.6, 61.7
CIELab 58.62, -5.97, -36.8
Decimal 3968201
Yxy 23.9315, 0.2086, 0.2292
YUV 123.034, 171.9989, 83.04
CIELuv 56.0191, -30.152, -59.416
Web Safe 336699

Distribuição de #3c8cc9

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.

#3c8cc9

#3c8cc9
rgb(60,140,201)

#c9793c

#c9793c
rgb(201,121,60)

Cores triadicas

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

#c93c8d

#c93c8d
rgb(201,60,141)

#3c8cc9

#3c8cc9
rgb(60,140,201)

#8dc93c

#8dc93c
rgb(141,201,60)

Cores tetrádicas

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

#c03cc9

#c03cc9
rgb(192,60,201)

#3c8cc9

#3c8cc9
rgb(60,140,201)

#c9793c

#c9793c
rgb(201,121,60)

#46c93c

#46c93c
rgb(70,201,60)

Cores monocromáticas

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

#3c8cc9

#3c8cc9
rgb(60,140,201)

#9eb7c9

#9eb7c9
rgb(158,183,201)

#9cb6c9

#9cb6c9
rgb(156,182,201)

#9ab5c9

#9ab5c9
rgb(154,181,201)

#98b4c9

#98b4c9
rgb(152,180,201)

#96b3c9

#96b3c9
rgb(150,179,201)

Tons e Matizes de #3c8cc9

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

Matiz (adicionando branco)
#3c8cc9

#3c8cc9
rgb(60,140,201)

#63a3d3

#63a3d3
rgb(99,163,211)

#8abade

#8abade
rgb(138,186,222)

#b1d1e9

#b1d1e9
rgb(177,209,233)

#d8e8f4

#d8e8f4
rgb(216,232,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3c8cc9

#3c8cc9
rgb(60,140,201)

#3070a0

#3070a0
rgb(48,112,160)

#245478

#245478
rgb(36,84,120)

#173750

#173750
rgb(23,55,80)

#0b1b28

#0b1b28
rgb(11,27,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3c8cc9

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

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

Contraste

Branco e #3c8cc9
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 #3c8cc9
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 #3c8cc9

Este exemplo mostra como o texto na cor #3c8cc9 se parece.

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

Este parágrafo tem fundo de cor #3c8cc9.

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

Este elemento tem uma cor de borda de #3c8cc9.

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

Cores alietórias

#3dcefd

#3dcefd
rgb(61,206,253)

#d36c84

#d36c84
rgb(211,108,132)

#db21fb

#db21fb
rgb(219,33,251)

#194ac9

#194ac9
rgb(25,74,201)

#14e665

#14e665
rgb(20,230,101)

#3eada7

#3eada7
rgb(62,173,167)

#8ee018

#8ee018
rgb(142,224,24)

#9ae86a

#9ae86a
rgb(154,232,106)

#a2a6e2

#a2a6e2
rgb(162,166,226)

#2c6f88

#2c6f88
rgb(44,111,136)

#705e36

#705e36
rgb(112,94,54)

#910a06

#910a06
rgb(145,10,6)