Informação da cor #de6fc3

A cor hexadecimal de6fc3 no modelo de cores RGB (Red, Green, Blue), é um composta por 222 de vermelho, 111 de verde e 195 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 50% de magenta, 12.2% de amarelo e 12.9% de preto. Tem um ângulo de matiz de 314.6 graus, uma saturação de 62.7% e uma leveza de 65.3%.

A cor mais próxima WebSafe é CC6699.

Conversões de #de6fc3 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 de6fc3
RGB 222, 111, 195
RGB Percentagem 87.1%, 43.5%, 76.5%
CMYK 0, 0.5, 0.12, 0.13
HSL 314.6°, 62.7%, 65.3%
HSV (ou HSB) 314.6°, 50%, 87.1%
RYB 87.1, 43.5, 76.5
Formato Cor
XYZ 47.9, 33.3, 58.2
CIELab 64.43, 51.22, -23.64
Decimal 14577603
Yxy 30.8418, 0.3468, 0.2342
YUV 153.765, 151.2703, 176.6698
CIELuv 62.3739, 59.3714, -45.7105
Web Safe CC6699

Distribuição de #de6fc3

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.

#de6fc3

#de6fc3
rgb(222,111,195)

#6fde8b

#6fde8b
rgb(111,222,139)

Cores triadicas

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

#c3de6f

#c3de6f
rgb(195,222,111)

#de6fc3

#de6fc3
rgb(222,111,195)

#6fc3de

#6fc3de
rgb(111,195,222)

Cores tetrádicas

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

#dec26f

#dec26f
rgb(222,194,111)

#de6fc3

#de6fc3
rgb(222,111,195)

#6fde8b

#6fde8b
rgb(111,222,139)

#6f8cde

#6f8cde
rgb(111,140,222)

Cores monocromáticas

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

#de6fc3

#de6fc3
rgb(222,111,195)

#deafd3

#deafd3
rgb(222,175,211)

#deadd2

#deadd2
rgb(222,173,210)

#deaad2

#deaad2
rgb(222,170,210)

#dea8d1

#dea8d1
rgb(222,168,209)

#dea6d1

#dea6d1
rgb(222,166,209)

Tons e Matizes de #de6fc3

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

Matiz (adicionando branco)
#de6fc3

#de6fc3
rgb(222,111,195)

#e48bcf

#e48bcf
rgb(228,139,207)

#eba8db

#eba8db
rgb(235,168,219)

#f1c5e7

#f1c5e7
rgb(241,197,231)

#f8e2f3

#f8e2f3
rgb(248,226,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#de6fc3

#de6fc3
rgb(222,111,195)

#b1589c

#b1589c
rgb(177,88,156)

#854275

#854275
rgb(133,66,117)

#582c4d

#582c4d
rgb(88,44,77)

#2c1626

#2c1626
rgb(44,22,38)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #de6fc3

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #de6fc3.

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

Este elemento tem uma cor de borda de #de6fc3.

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

Cores alietórias

#f65582

#f65582
rgb(246,85,130)

#6633e0

#6633e0
rgb(102,51,224)

#98ba55

#98ba55
rgb(152,186,85)

#5db640

#5db640
rgb(93,182,64)

#cdb8a3

#cdb8a3
rgb(205,184,163)

#fbb5f0

#fbb5f0
rgb(251,181,240)

#54c1d8

#54c1d8
rgb(84,193,216)

#b62c68

#b62c68
rgb(182,44,104)

#57e891

#57e891
rgb(87,232,145)

#24151e

#24151e
rgb(36,21,30)

#a43370

#a43370
rgb(164,51,112)

#a4ff46

#a4ff46
rgb(164,255,70)