Informação da cor #ce50ee

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

No padrão de cores CMYK, é composto por 13.4% de ciano, 66.4% de magenta, 0% de amarelo e 6.7% de preto. Tem um ângulo de matiz de 287.9 graus, uma saturação de 82.3% e uma leveza de 62.4%.

A cor mais próxima WebSafe é CC33CC.

Conversões de #ce50ee 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 ce50ee
RGB 206, 80, 238
RGB Percentagem 80.8%, 31.4%, 93.3%
CMYK 0.13, 0.66, 0, 0.07
HSL 287.9°, 82.3%, 62.4%
HSV (ou HSB) 287.9°, 66.4%, 93.3%
RYB 80.8, 31.4, 93.3
Formato Cor
XYZ 45.7, 27, 84.8
CIELab 58.97, 68.49, -54.71
Decimal 13521134
Yxy 25.0342, 0.2875, 0.1645
YUV 135.686, 185.7393, 178.1527
CIELuv 57.1087, 47.2026, -97.8408
Web Safe CC33CC

Distribuição de #ce50ee

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.

#ce50ee

#ce50ee
rgb(206,80,238)

#71ee51

#71ee51
rgb(113,238,81)

Cores triadicas

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

#eece51

#eece51
rgb(238,206,81)

#ce50ee

#ce50ee
rgb(206,80,238)

#51eece

#51eece
rgb(81,238,206)

Cores tetrádicas

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

#ee7f51

#ee7f51
rgb(238,127,81)

#ce50ee

#ce50ee
rgb(206,80,238)

#71ee51

#71ee51
rgb(113,238,81)

#51c0ee

#51c0ee
rgb(81,192,238)

Cores monocromáticas

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

#ce50ee

#ce50ee
rgb(206,80,238)

#e4bbee

#e4bbee
rgb(228,187,238)

#e4b9ee

#e4b9ee
rgb(228,185,238)

#e3b6ee

#e3b6ee
rgb(227,182,238)

#e3b4ee

#e3b4ee
rgb(227,180,238)

#e2b1ee

#e2b1ee
rgb(226,177,238)

Tons e Matizes de #ce50ee

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

Matiz (adicionando branco)
#ce50ee

#ce50ee
rgb(206,80,238)

#d773f1

#d773f1
rgb(215,115,241)

#e196f4

#e196f4
rgb(225,150,244)

#ebb9f8

#ebb9f8
rgb(235,185,248)

#f5dcfb

#f5dcfb
rgb(245,220,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#ce50ee

#ce50ee
rgb(206,80,238)

#a440be

#a440be
rgb(164,64,190)

#7b308e

#7b308e
rgb(123,48,142)

#521f5f

#521f5f
rgb(82,31,95)

#290f2f

#290f2f
rgb(41,15,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #ce50ee

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #ce50ee.

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

Este elemento tem uma cor de borda de #ce50ee.

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

Cores alietórias

#e814f6

#e814f6
rgb(232,20,246)

#1d87ae

#1d87ae
rgb(29,135,174)

#eaecbb

#eaecbb
rgb(234,236,187)

#7c7b9b

#7c7b9b
rgb(124,123,155)

#eaf4ec

#eaf4ec
rgb(234,244,236)

#5c7841

#5c7841
rgb(92,120,65)

#8149ff

#8149ff
rgb(129,73,255)

#543a08

#543a08
rgb(84,58,8)

#4e12ca

#4e12ca
rgb(78,18,202)

#b785c8

#b785c8
rgb(183,133,200)

#12c62c

#12c62c
rgb(18,198,44)

#bfebb8

#bfebb8
rgb(191,235,184)