Informação da cor #c59ed4

A cor hexadecimal c59ed4 no modelo de cores RGB (Red, Green, Blue), é um composta por 197 de vermelho, 158 de verde e 212 de azul.

No padrão de cores CMYK, é composto por 7.1% de ciano, 25.5% de magenta, 0% de amarelo e 16.9% de preto. Tem um ângulo de matiz de 283.3 graus, uma saturação de 38.6% e uma leveza de 72.6%.

A cor mais próxima WebSafe é 9999CC.

Conversões de #c59ed4 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 c59ed4
RGB 197, 158, 212
RGB Percentagem 77.3%, 62%, 83.1%
CMYK 0.07, 0.25, 0, 0.17
HSL 283.3°, 38.6%, 72.6%
HSV (ou HSB) 283.3°, 25.5%, 83.1%
RYB 77.3, 62, 83.1
Formato Cor
XYZ 49.9, 44.1, 70.4
CIELab 72.31, 22.56, -20.66
Decimal 12951252
Yxy 41.0783, 0.3023, 0.2634
YUV 175.817, 148.4193, 143.1092
CIELuv 70.2307, 18.0356, -38.0332
Web Safe 9999CC

Distribuição de #c59ed4

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.

#c59ed4

#c59ed4
rgb(197,158,212)

#add49e

#add49e
rgb(173,212,158)

Cores triadicas

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

#d4c69e

#d4c69e
rgb(212,198,158)

#c59ed4

#c59ed4
rgb(197,158,212)

#9ed4c6

#9ed4c6
rgb(158,212,198)

Cores tetrádicas

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

#d4ab9e

#d4ab9e
rgb(212,171,158)

#c59ed4

#c59ed4
rgb(197,158,212)

#add49e

#add49e
rgb(173,212,158)

#9ec8d4

#9ec8d4
rgb(158,200,212)

Cores monocromáticas

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

#c59ed4

#c59ed4
rgb(197,158,212)

#c8a7d4

#c8a7d4
rgb(200,167,212)

#c7a5d4

#c7a5d4
rgb(199,165,212)

#c7a3d4

#c7a3d4
rgb(199,163,212)

#c6a1d4

#c6a1d4
rgb(198,161,212)

#c69fd4

#c69fd4
rgb(198,159,212)

Tons e Matizes de #c59ed4

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

Matiz (adicionando branco)
#c59ed4

#c59ed4
rgb(197,158,212)

#d0b1dc

#d0b1dc
rgb(208,177,220)

#dcc4e5

#dcc4e5
rgb(220,196,229)

#e7d8ed

#e7d8ed
rgb(231,216,237)

#f3ebf6

#f3ebf6
rgb(243,235,246)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#c59ed4

#c59ed4
rgb(197,158,212)

#9d7ea9

#9d7ea9
rgb(157,126,169)

#765e7f

#765e7f
rgb(118,94,127)

#4e3f54

#4e3f54
rgb(78,63,84)

#271f2a

#271f2a
rgb(39,31,42)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #c59ed4

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

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

Contraste

Branco e #c59ed4
Texto grande WCAG AA X Não 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 #c59ed4
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA ✓ Conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #c59ed4

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

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

Este parágrafo tem fundo de cor #c59ed4.

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

Este elemento tem uma cor de borda de #c59ed4.

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

Cores alietórias

#72c79e

#72c79e
rgb(114,199,158)

#15f4df

#15f4df
rgb(21,244,223)

#91e3e4

#91e3e4
rgb(145,227,228)

#475fc9

#475fc9
rgb(71,95,201)

#12e899

#12e899
rgb(18,232,153)

#038e13

#038e13
rgb(3,142,19)

#67b7d4

#67b7d4
rgb(103,183,212)

#e11504

#e11504
rgb(225,21,4)

#f75c74

#f75c74
rgb(247,92,116)

#5be6f2

#5be6f2
rgb(91,230,242)

#ef440a

#ef440a
rgb(239,68,10)

#6378f4

#6378f4
rgb(99,120,244)