Informação da cor #6d81c0

A cor hexadecimal 6d81c0 no modelo de cores RGB (Red, Green, Blue), é um composta por 109 de vermelho, 129 de verde e 192 de azul.

No padrão de cores CMYK, é composto por 43.2% de ciano, 32.8% de magenta, 0% de amarelo e 24.7% de preto. Tem um ângulo de matiz de 225.5 graus, uma saturação de 39.7% e uma leveza de 59%.

A cor mais próxima WebSafe é 666699.

Conversões de #6d81c0 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 6d81c0
RGB 109, 129, 192
RGB Percentagem 42.7%, 50.6%, 75.3%
CMYK 0.43, 0.33, 0, 0.25
HSL 225.5°, 39.7%, 59%
HSV (ou HSB) 225.5°, 43.2%, 75.3%
RYB 42.7, 49.4, 75.3
Formato Cor
XYZ 26.3, 25.6, 56.2
CIELab 57.69, 8.28, -33.34
Decimal 7176640
Yxy 22.7562, 0.238, 0.2289
YUV 130.202, 162.8747, 112.8773
CIELuv 54.8204, -12.2389, -55.2338
Web Safe 666699

Distribuição de #6d81c0

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.

#6d81c0

#6d81c0
rgb(109,129,192)

#c0ac6e

#c0ac6e
rgb(192,172,110)

Cores triadicas

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

#c06e82

#c06e82
rgb(192,110,130)

#6d81c0

#6d81c0
rgb(109,129,192)

#82c06e

#82c06e
rgb(130,192,110)

Cores tetrádicas

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

#c06eab

#c06eab
rgb(192,110,171)

#6d81c0

#6d81c0
rgb(109,129,192)

#c0ac6e

#c0ac6e
rgb(192,172,110)

#6ec083

#6ec083
rgb(110,192,131)

Cores monocromáticas

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

#6d81c0

#6d81c0
rgb(109,129,192)

#97a1c0

#97a1c0
rgb(151,161,192)

#95a0c0

#95a0c0
rgb(149,160,192)

#949ec0

#949ec0
rgb(148,158,192)

#929dc0

#929dc0
rgb(146,157,192)

#909bc0

#909bc0
rgb(144,155,192)

Tons e Matizes de #6d81c0

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

Matiz (adicionando branco)
#6d81c0

#6d81c0
rgb(109,129,192)

#8a9acc

#8a9acc
rgb(138,154,204)

#a7b3d9

#a7b3d9
rgb(167,179,217)

#c4cce5

#c4cce5
rgb(196,204,229)

#e1e5f2

#e1e5f2
rgb(225,229,242)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6d81c0

#6d81c0
rgb(109,129,192)

#576799

#576799
rgb(87,103,153)

#414d73

#414d73
rgb(65,77,115)

#2b334c

#2b334c
rgb(43,51,76)

#151926

#151926
rgb(21,25,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6d81c0

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

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

Contraste

Branco e #6d81c0
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 #6d81c0
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 #6d81c0

Este exemplo mostra como o texto na cor #6d81c0 se parece.

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

Este parágrafo tem fundo de cor #6d81c0.

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

Este elemento tem uma cor de borda de #6d81c0.

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

Cores alietórias

#268fd0

#268fd0
rgb(38,143,208)

#ceaa4f

#ceaa4f
rgb(206,170,79)

#565e10

#565e10
rgb(86,94,16)

#84fe46

#84fe46
rgb(132,254,70)

#dbc1d2

#dbc1d2
rgb(219,193,210)

#807245

#807245
rgb(128,114,69)

#1635b9

#1635b9
rgb(22,53,185)

#c0481d

#c0481d
rgb(192,72,29)

#d28c0f

#d28c0f
rgb(210,140,15)

#01e97d

#01e97d
rgb(1,233,125)

#ac6273

#ac6273
rgb(172,98,115)

#1b3ebc

#1b3ebc
rgb(27,62,188)