Informação da cor #63978b

A cor hexadecimal 63978b no modelo de cores RGB (Red, Green, Blue), é um composta por 99 de vermelho, 151 de verde e 139 de azul.

No padrão de cores CMYK, é composto por 34.4% de ciano, 0% de magenta, 7.9% de amarelo e 40.8% de preto. Tem um ângulo de matiz de 166.2 graus, uma saturação de 20.8% e uma leveza de 49%.

A cor mais próxima WebSafe é 336666.

Conversões de #63978b 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 63978b
RGB 99, 151, 139
RGB Percentagem 38.8%, 59.2%, 54.5%
CMYK 0.34, 0, 0.08, 0.41
HSL 166.2°, 20.8%, 49%
HSV (ou HSB) 166.2°, 34.4%, 59.2%
RYB 38.8, 50.6, 59.2
Formato Cor
XYZ 23.5, 29.7, 31.8
CIELab 61.35, -19.41, 0.64
Decimal 6526859
Yxy 26.6487, 0.2747, 0.3507
YUV 134.084, 130.7743, 102.9757
CIELuv 58.6478, -25.0476, 4.3121
Web Safe 336666

Distribuição de #63978b

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.

#63978b

#63978b
rgb(99,151,139)

#97636f

#97636f
rgb(151,99,111)

Cores triadicas

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

#8c6397

#8c6397
rgb(140,99,151)

#63978b

#63978b
rgb(99,151,139)

#978c63

#978c63
rgb(151,140,99)

Cores tetrádicas

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

#726397

#726397
rgb(114,99,151)

#63978b

#63978b
rgb(99,151,139)

#97636f

#97636f
rgb(151,99,111)

#899763

#899763
rgb(137,151,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.

#63978b

#63978b
rgb(99,151,139)

#779790

#779790
rgb(119,151,144)

#769790

#769790
rgb(118,151,144)

#74978f

#74978f
rgb(116,151,143)

#73978f

#73978f
rgb(115,151,143)

#71978f

#71978f
rgb(113,151,143)

Tons e Matizes de #63978b

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

Matiz (adicionando branco)
#63978b

#63978b
rgb(99,151,139)

#82aba2

#82aba2
rgb(130,171,162)

#a1c0b9

#a1c0b9
rgb(161,192,185)

#c0d5d0

#c0d5d0
rgb(192,213,208)

#dfeae7

#dfeae7
rgb(223,234,231)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#63978b

#63978b
rgb(99,151,139)

#4f786f

#4f786f
rgb(79,120,111)

#3b5a53

#3b5a53
rgb(59,90,83)

#273c37

#273c37
rgb(39,60,55)

#131e1b

#131e1b
rgb(19,30,27)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #63978b

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

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

Contraste

Branco e #63978b
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 #63978b
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 #63978b

Este exemplo mostra como o texto na cor #63978b se parece.

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

Este parágrafo tem fundo de cor #63978b.

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

Este elemento tem uma cor de borda de #63978b.

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

Cores alietórias

#c3feaa

#c3feaa
rgb(195,254,170)

#4983a1

#4983a1
rgb(73,131,161)

#8ca69c

#8ca69c
rgb(140,166,156)

#3fa49b

#3fa49b
rgb(63,164,155)

#4857e8

#4857e8
rgb(72,87,232)

#9b97f5

#9b97f5
rgb(155,151,245)

#24de67

#24de67
rgb(36,222,103)

#666570

#666570
rgb(102,101,112)

#382dba

#382dba
rgb(56,45,186)

#0e2546

#0e2546
rgb(14,37,70)

#9b612b

#9b612b
rgb(155,97,43)

#82cc92

#82cc92
rgb(130,204,146)