Informação da cor #788bcd

A cor hexadecimal 788bcd no modelo de cores RGB (Red, Green, Blue), é um composta por 120 de vermelho, 139 de verde e 205 de azul.

No padrão de cores CMYK, é composto por 41.5% de ciano, 32.2% de magenta, 0% de amarelo e 19.6% de preto. Tem um ângulo de matiz de 226.6 graus, uma saturação de 46% e uma leveza de 63.7%.

A cor mais próxima WebSafe é 6666CC.

Conversões de #788bcd 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 788bcd
RGB 120, 139, 205
RGB Percentagem 47.1%, 54.5%, 80.4%
CMYK 0.41, 0.32, 0, 0.2
HSL 226.6°, 46%, 63.7%
HSV (ou HSB) 226.6°, 41.5%, 80.4%
RYB 47.1, 53.3, 80.4
Formato Cor
XYZ 30.7, 29.9, 64.3
CIELab 61.53, 8.96, -34.14
Decimal 7900109
Yxy 26.8647, 0.2407, 0.231
YUV 140.843, 164.206, 113.1334
CIELuv 58.8489, -12.1341, -57.6893
Web Safe 6666CC

Distribuição de #788bcd

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.

#788bcd

#788bcd
rgb(120,139,205)

#cdba78

#cdba78
rgb(205,186,120)

Cores triadicas

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

#cd788c

#cd788c
rgb(205,120,140)

#788bcd

#788bcd
rgb(120,139,205)

#8ccd78

#8ccd78
rgb(140,205,120)

Cores tetrádicas

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

#cd78b6

#cd78b6
rgb(205,120,182)

#788bcd

#788bcd
rgb(120,139,205)

#cdba78

#cdba78
rgb(205,186,120)

#78cd90

#78cd90
rgb(120,205,144)

Cores monocromáticas

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

#788bcd

#788bcd
rgb(120,139,205)

#a2abcd

#a2abcd
rgb(162,171,205)

#a0aacd

#a0aacd
rgb(160,170,205)

#9da8cd

#9da8cd
rgb(157,168,205)

#9ba7cd

#9ba7cd
rgb(155,167,205)

#99a5cd

#99a5cd
rgb(153,165,205)

Tons e Matizes de #788bcd

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

Matiz (adicionando branco)
#788bcd

#788bcd
rgb(120,139,205)

#93a2d7

#93a2d7
rgb(147,162,215)

#aeb9e1

#aeb9e1
rgb(174,185,225)

#c9d0eb

#c9d0eb
rgb(201,208,235)

#e4e7f5

#e4e7f5
rgb(228,231,245)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#788bcd

#788bcd
rgb(120,139,205)

#606fa4

#606fa4
rgb(96,111,164)

#48537b

#48537b
rgb(72,83,123)

#2f3751

#2f3751
rgb(47,55,81)

#171b28

#171b28
rgb(23,27,40)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #788bcd

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

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

Contraste

Branco e #788bcd
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 #788bcd
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 #788bcd

Este exemplo mostra como o texto na cor #788bcd se parece.

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

Este parágrafo tem fundo de cor #788bcd.

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

Este elemento tem uma cor de borda de #788bcd.

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

Cores alietórias

#0b3a04

#0b3a04
rgb(11,58,4)

#2f9d6b

#2f9d6b
rgb(47,157,107)

#b69bcc

#b69bcc
rgb(182,155,204)

#3efecb

#3efecb
rgb(62,254,203)

#fe4815

#fe4815
rgb(254,72,21)

#91b4e4

#91b4e4
rgb(145,180,228)

#899cc4

#899cc4
rgb(137,156,196)

#23a076

#23a076
rgb(35,160,118)

#9adba3

#9adba3
rgb(154,219,163)

#6eab1c

#6eab1c
rgb(110,171,28)

#074447

#074447
rgb(7,68,71)

#b31d6e

#b31d6e
rgb(179,29,110)