Informação da cor #eb5694

A cor hexadecimal eb5694 no modelo de cores RGB (Red, Green, Blue), é um composta por 235 de vermelho, 86 de verde e 148 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 63.4% de magenta, 37% de amarelo e 7.8% de preto. Tem um ângulo de matiz de 335 graus, uma saturação de 78.8% e uma leveza de 62.9%.

A cor mais próxima WebSafe é CC3366.

Conversões de #eb5694 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 eb5694
RGB 235, 86, 148
RGB Percentagem 92.2%, 33.7%, 58%
CMYK 0, 0.63, 0.37, 0.08
HSL 335°, 78.8%, 62.9%
HSV (ou HSB) 335°, 63.4%, 92.2%
RYB 92.2, 33.7, 58
Formato Cor
XYZ 44.8, 28.4, 34.1
CIELab 60.26, 60.3, -4.37
Decimal 15423124
Yxy 26.4607, 0.4283, 0.2639
YUV 137.619, 133.8583, 197.4587
CIELuv 58.4718, 94.817, -15.9975
Web Safe CC3366

Distribuição de #eb5694

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.

#eb5694

#eb5694
rgb(235,86,148)

#56ebae

#56ebae
rgb(86,235,174)

Cores triadicas

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

#94eb56

#94eb56
rgb(148,235,86)

#eb5694

#eb5694
rgb(235,86,148)

#5694eb

#5694eb
rgb(86,148,235)

Cores tetrádicas

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

#dfeb56

#dfeb56
rgb(223,235,86)

#eb5694

#eb5694
rgb(235,86,148)

#56ebae

#56ebae
rgb(86,235,174)

#6356eb

#6356eb
rgb(99,86,235)

Cores monocromáticas

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

#eb5694

#eb5694
rgb(235,86,148)

#ebb9ce

#ebb9ce
rgb(235,185,206)

#ebb6cc

#ebb6cc
rgb(235,182,204)

#ebb4cb

#ebb4cb
rgb(235,180,203)

#ebb2ca

#ebb2ca
rgb(235,178,202)

#ebafc8

#ebafc8
rgb(235,175,200)

Tons e Matizes de #eb5694

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

Matiz (adicionando branco)
#eb5694

#eb5694
rgb(235,86,148)

#ef77a9

#ef77a9
rgb(239,119,169)

#f399be

#f399be
rgb(243,153,190)

#f7bbd4

#f7bbd4
rgb(247,187,212)

#fbdde9

#fbdde9
rgb(251,221,233)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#eb5694

#eb5694
rgb(235,86,148)

#bc4476

#bc4476
rgb(188,68,118)

#8d3358

#8d3358
rgb(141,51,88)

#5d223b

#5d223b
rgb(93,34,59)

#2e111d

#2e111d
rgb(46,17,29)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #eb5694

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

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

Contraste

Branco e #eb5694
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 #eb5694
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 #eb5694

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

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

Este parágrafo tem fundo de cor #eb5694.

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

Este elemento tem uma cor de borda de #eb5694.

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

Cores alietórias

#8743b6

#8743b6
rgb(135,67,182)

#3afc44

#3afc44
rgb(58,252,68)

#22f4ae

#22f4ae
rgb(34,244,174)

#a00bf6

#a00bf6
rgb(160,11,246)

#dd2e04

#dd2e04
rgb(221,46,4)

#8c7572

#8c7572
rgb(140,117,114)

#9d6af7

#9d6af7
rgb(157,106,247)

#49cc9c

#49cc9c
rgb(73,204,156)

#246bcb

#246bcb
rgb(36,107,203)

#8f079b

#8f079b
rgb(143,7,155)

#e20140

#e20140
rgb(226,1,64)

#bffdce

#bffdce
rgb(191,253,206)