Informação da cor #6393b7

A cor hexadecimal 6393b7 no modelo de cores RGB (Red, Green, Blue), é um composta por 99 de vermelho, 147 de verde e 183 de azul.

No padrão de cores CMYK, é composto por 45.9% de ciano, 19.7% de magenta, 0% de amarelo e 28.2% de preto. Tem um ângulo de matiz de 205.7 graus, uma saturação de 36.8% e uma leveza de 55.3%.

A cor mais próxima WebSafe é 336699.

Conversões de #6393b7 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 6393b7
RGB 99, 147, 183
RGB Percentagem 38.8%, 57.6%, 71.8%
CMYK 0.46, 0.2, 0, 0.28
HSL 205.7°, 36.8%, 55.3%
HSV (ou HSB) 205.7°, 45.9%, 71.8%
RYB 38.8, 51, 71.8
Formato Cor
XYZ 26.8, 29.9, 52
CIELab 61.58, -6.63, -22.6
Decimal 6525879
Yxy 26.9373, 0.2418, 0.27
YUV 136.752, 154.0993, 101.0728
CIELuv 58.9163, -22.8476, -35.4035
Web Safe 336699

Distribuição de #6393b7

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.

#6393b7

#6393b7
rgb(99,147,183)

#b78863

#b78863
rgb(183,136,99)

Cores triadicas

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

#b76393

#b76393
rgb(183,99,147)

#6393b7

#6393b7
rgb(99,147,183)

#93b763

#93b763
rgb(147,183,99)

Cores tetrádicas

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

#b263b7

#b263b7
rgb(178,99,183)

#6393b7

#6393b7
rgb(99,147,183)

#b78863

#b78863
rgb(183,136,99)

#69b763

#69b763
rgb(105,183,99)

Cores monocromáticas

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

#6393b7

#6393b7
rgb(99,147,183)

#90a7b7

#90a7b7
rgb(144,167,183)

#8ea6b7

#8ea6b7
rgb(142,166,183)

#8da5b7

#8da5b7
rgb(141,165,183)

#8ba4b7

#8ba4b7
rgb(139,164,183)

#89a4b7

#89a4b7
rgb(137,164,183)

Tons e Matizes de #6393b7

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

Matiz (adicionando branco)
#6393b7

#6393b7
rgb(99,147,183)

#82a8c5

#82a8c5
rgb(130,168,197)

#a1bed3

#a1bed3
rgb(161,190,211)

#c0d3e2

#c0d3e2
rgb(192,211,226)

#dfe9f0

#dfe9f0
rgb(223,233,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#6393b7

#6393b7
rgb(99,147,183)

#4f7592

#4f7592
rgb(79,117,146)

#3b586d

#3b586d
rgb(59,88,109)

#273a49

#273a49
rgb(39,58,73)

#131d24

#131d24
rgb(19,29,36)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #6393b7

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

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

Contraste

Branco e #6393b7
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 #6393b7
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 #6393b7

Este exemplo mostra como o texto na cor #6393b7 se parece.

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

Este parágrafo tem fundo de cor #6393b7.

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

Este elemento tem uma cor de borda de #6393b7.

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

Cores alietórias

#2629d2

#2629d2
rgb(38,41,210)

#141d77

#141d77
rgb(20,29,119)

#8e186a

#8e186a
rgb(142,24,106)

#2a6015

#2a6015
rgb(42,96,21)

#1dd05e

#1dd05e
rgb(29,208,94)

#41a8ed

#41a8ed
rgb(65,168,237)

#06902e

#06902e
rgb(6,144,46)

#bf747e

#bf747e
rgb(191,116,126)

#b07386

#b07386
rgb(176,115,134)

#2c21ea

#2c21ea
rgb(44,33,234)

#9e741b

#9e741b
rgb(158,116,27)

#30b9ef

#30b9ef
rgb(48,185,239)