Informação da cor #755be0

A cor hexadecimal 755be0 no modelo de cores RGB (Red, Green, Blue), é um composta por 117 de vermelho, 91 de verde e 224 de azul.

No padrão de cores CMYK, é composto por 47.8% de ciano, 59.4% de magenta, 0% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 251.7 graus, uma saturação de 68.2% e uma leveza de 61.8%.

A cor mais próxima WebSafe é 6633CC.

Conversões de #755be0 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 755be0
RGB 117, 91, 224
RGB Percentagem 45.9%, 35.7%, 87.8%
CMYK 0.48, 0.59, 0, 0.12
HSL 251.7°, 68.2%, 61.8%
HSV (ou HSB) 251.7°, 59.4%, 87.8%
RYB 45.9, 35.7, 87.8
Formato Cor
XYZ 26.8, 18.9, 74.5
CIELab 50.59, 40.76, -61.43
Decimal 7691232
Yxy 16.6448, 0.2159, 0.1465
YUV 113.936, 190.1129, 130.1855
CIELuv 47.8094, 1.1088, -101.6413
Web Safe 6633CC

Distribuição de #755be0

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.

#755be0

#755be0
rgb(117,91,224)

#c6e05b

#c6e05b
rgb(198,224,91)

Cores triadicas

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

#e0765b

#e0765b
rgb(224,118,91)

#755be0

#755be0
rgb(117,91,224)

#5be076

#5be076
rgb(91,224,118)

Cores tetrádicas

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

#e05b84

#e05b84
rgb(224,91,132)

#755be0

#755be0
rgb(117,91,224)

#c6e05b

#c6e05b
rgb(198,224,91)

#5be0b8

#5be0b8
rgb(91,224,184)

Cores monocromáticas

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

#755be0

#755be0
rgb(117,91,224)

#bab0e0

#bab0e0
rgb(186,176,224)

#b8aee0

#b8aee0
rgb(184,174,224)

#b6ace0

#b6ace0
rgb(182,172,224)

#b4a9e0

#b4a9e0
rgb(180,169,224)

#b2a7e0

#b2a7e0
rgb(178,167,224)

Tons e Matizes de #755be0

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

Matiz (adicionando branco)
#755be0

#755be0
rgb(117,91,224)

#907be6

#907be6
rgb(144,123,230)

#ac9cec

#ac9cec
rgb(172,156,236)

#c7bdf2

#c7bdf2
rgb(199,189,242)

#e3def8

#e3def8
rgb(227,222,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#755be0

#755be0
rgb(117,91,224)

#5d48b3

#5d48b3
rgb(93,72,179)

#463686

#463686
rgb(70,54,134)

#2e2459

#2e2459
rgb(46,36,89)

#17122c

#17122c
rgb(23,18,44)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #755be0

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

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

Contraste

Branco e #755be0
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.

Preto e #755be0
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.

Exemplos CSS

Texto com cor hexadecimal #755be0

Este exemplo mostra como o texto na cor #755be0 se parece.

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

Este parágrafo tem fundo de cor #755be0.

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

Este elemento tem uma cor de borda de #755be0.

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

Cores alietórias

#cc989b

#cc989b
rgb(204,152,155)

#67da2d

#67da2d
rgb(103,218,45)

#61f35e

#61f35e
rgb(97,243,94)

#bf6a20

#bf6a20
rgb(191,106,32)

#6ede75

#6ede75
rgb(110,222,117)

#f969c5

#f969c5
rgb(249,105,197)

#7b8717

#7b8717
rgb(123,135,23)

#837988

#837988
rgb(131,121,136)

#2c5308

#2c5308
rgb(44,83,8)

#9b777e

#9b777e
rgb(155,119,126)

#115690

#115690
rgb(17,86,144)

#128679

#128679
rgb(18,134,121)