Informação da cor #ce40c8

A cor hexadecimal ce40c8 no modelo de cores RGB (Red, Green, Blue), é um composta por 206 de vermelho, 64 de verde e 200 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 68.9% de magenta, 2.9% de amarelo e 19.2% de preto. Tem um ângulo de matiz de 302.5 graus, uma saturação de 59.2% e uma leveza de 52.9%.

A cor mais próxima WebSafe é CC3399.

Conversões de #ce40c8 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 ce40c8
RGB 206, 64, 200
RGB Percentagem 80.8%, 25.1%, 78.4%
CMYK 0, 0.69, 0.03, 0.19
HSL 302.5°, 59.2%, 52.9%
HSV (ou HSB) 302.5°, 68.9%, 80.8%
RYB 80.8, 25.1, 78.4
Formato Cor
XYZ 39.8, 22.7, 59.5
CIELab 54.79, 68.83, -41.45
Decimal 13517000
Yxy 20.9615, 0.3269, 0.1817
YUV 121.962, 172.0395, 187.9416
CIELuv 52.9074, 62.6063, -73.647
Web Safe CC3399

Distribuição de #ce40c8

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.

#ce40c8

#ce40c8
rgb(206,64,200)

#40ce47

#40ce47
rgb(64,206,71)

Cores triadicas

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

#c8ce40

#c8ce40
rgb(200,206,64)

#ce40c8

#ce40c8
rgb(206,64,200)

#40c8ce

#40c8ce
rgb(64,200,206)

Cores tetrádicas

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

#ce8e40

#ce8e40
rgb(206,142,64)

#ce40c8

#ce40c8
rgb(206,64,200)

#40ce47

#40ce47
rgb(64,206,71)

#4081ce

#4081ce
rgb(64,129,206)

Cores monocromáticas

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

#ce40c8

#ce40c8
rgb(206,64,200)

#cea2cd

#cea2cd
rgb(206,162,205)

#cea0cd

#cea0cd
rgb(206,160,205)

#ce9ecc

#ce9ecc
rgb(206,158,204)

#ce9ccc

#ce9ccc
rgb(206,156,204)

#ce9acc

#ce9acc
rgb(206,154,204)

Tons e Matizes de #ce40c8

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

Matiz (adicionando branco)
#ce40c8

#ce40c8
rgb(206,64,200)

#d766d3

#d766d3
rgb(215,102,211)

#e18cde

#e18cde
rgb(225,140,222)

#ebb2e9

#ebb2e9
rgb(235,178,233)

#f5d8f4

#f5d8f4
rgb(245,216,244)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ce40c8

#ce40c8
rgb(206,64,200)

#a433a0

#a433a0
rgb(164,51,160)

#7b2678

#7b2678
rgb(123,38,120)

#52194f

#52194f
rgb(82,25,79)

#290c27

#290c27
rgb(41,12,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ce40c8

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ce40c8.

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

Este elemento tem uma cor de borda de #ce40c8.

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

Cores alietórias

#b31514

#b31514
rgb(179,21,20)

#bdac6b

#bdac6b
rgb(189,172,107)

#93ce43

#93ce43
rgb(147,206,67)

#5da639

#5da639
rgb(93,166,57)

#25f17e

#25f17e
rgb(37,241,126)

#50eaf0

#50eaf0
rgb(80,234,240)

#0dca86

#0dca86
rgb(13,202,134)

#745c07

#745c07
rgb(116,92,7)

#a8af9d

#a8af9d
rgb(168,175,157)

#c7e4da

#c7e4da
rgb(199,228,218)

#5c6237

#5c6237
rgb(92,98,55)

#5a701d

#5a701d
rgb(90,112,29)