Informação da cor #3183bb

A cor hexadecimal 3183bb no modelo de cores RGB (Red, Green, Blue), é um composta por 49 de vermelho, 131 de verde e 187 de azul.

No padrão de cores CMYK, é composto por 73.8% de ciano, 29.9% de magenta, 0% de amarelo e 26.7% de preto. Tem um ângulo de matiz de 204.4 graus, uma saturação de 58.5% e uma leveza de 46.3%.

A cor mais próxima WebSafe é 006699.

Conversões de #3183bb 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 3183bb
RGB 49, 131, 187
RGB Percentagem 19.2%, 51.4%, 73.3%
CMYK 0.74, 0.3, 0, 0.27
HSL 204.4°, 58.5%, 46.3%
HSV (ou HSB) 204.4°, 73.8%, 73.3%
RYB 19.2, 39.6, 73.3
Formato Cor
XYZ 20.4, 23, 53.2
CIELab 55.12, -7.25, -34.91
Decimal 3244987
Yxy 20.4713, 0.2066, 0.2305
YUV 112.866, 169.8364, 82.4465
CIELuv 52.366, -29.5762, -54.9861
Web Safe 006699

Distribuição de #3183bb

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.

#3183bb

#3183bb
rgb(49,131,187)

#bb6931

#bb6931
rgb(187,105,49)

Cores triadicas

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

#bb3184

#bb3184
rgb(187,49,132)

#3183bb

#3183bb
rgb(49,131,187)

#84bb31

#84bb31
rgb(132,187,49)

Cores tetrádicas

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

#ae31bb

#ae31bb
rgb(174,49,187)

#3183bb

#3183bb
rgb(49,131,187)

#bb6931

#bb6931
rgb(187,105,49)

#3fbb31

#3fbb31
rgb(63,187,49)

Cores monocromáticas

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

#3183bb

#3183bb
rgb(49,131,187)

#93abbb

#93abbb
rgb(147,171,187)

#91aabb

#91aabb
rgb(145,170,187)

#8fa9bb

#8fa9bb
rgb(143,169,187)

#8da9bb

#8da9bb
rgb(141,169,187)

#8ba8bb

#8ba8bb
rgb(139,168,187)

Tons e Matizes de #3183bb

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

Matiz (adicionando branco)
#3183bb

#3183bb
rgb(49,131,187)

#5a9bc8

#5a9bc8
rgb(90,155,200)

#83b4d6

#83b4d6
rgb(131,180,214)

#accde3

#accde3
rgb(172,205,227)

#d5e6f1

#d5e6f1
rgb(213,230,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3183bb

#3183bb
rgb(49,131,187)

#276895

#276895
rgb(39,104,149)

#1d4e70

#1d4e70
rgb(29,78,112)

#13344a

#13344a
rgb(19,52,74)

#091a25

#091a25
rgb(9,26,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3183bb

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

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

Contraste

Branco e #3183bb
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 #3183bb
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 #3183bb

Este exemplo mostra como o texto na cor #3183bb se parece.

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

Este parágrafo tem fundo de cor #3183bb.

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

Este elemento tem uma cor de borda de #3183bb.

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

Cores alietórias

#68c585

#68c585
rgb(104,197,133)

#ffcaa6

#ffcaa6
rgb(255,202,166)

#470a90

#470a90
rgb(71,10,144)

#7a76f2

#7a76f2
rgb(122,118,242)

#e3f42f

#e3f42f
rgb(227,244,47)

#95c2ef

#95c2ef
rgb(149,194,239)

#82fd09

#82fd09
rgb(130,253,9)

#877115

#877115
rgb(135,113,21)

#e77559

#e77559
rgb(231,117,89)

#27617e

#27617e
rgb(39,97,126)

#e7ddba

#e7ddba
rgb(231,221,186)

#56e0f2

#56e0f2
rgb(86,224,242)