Informação da cor #e229dc

A cor hexadecimal e229dc no modelo de cores RGB (Red, Green, Blue), é um composta por 226 de vermelho, 41 de verde e 220 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 81.9% de magenta, 2.7% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 302 graus, uma saturação de 76.1% e uma leveza de 52.4%.

A cor mais próxima WebSafe é CC00CC.

Conversões de #e229dc 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 e229dc
RGB 226, 41, 220
RGB Percentagem 88.6%, 16.1%, 86.3%
CMYK 0, 0.82, 0.03, 0.11
HSL 302°, 76.1%, 52.4%
HSV (ou HSB) 302°, 81.9%, 88.6%
RYB 88.6, 16.1, 86.3
Formato Cor
XYZ 46.5, 24, 71.8
CIELab 56.12, 83, -49.74
Decimal 14821852
Yxy 22.9256, 0.3272, 0.1664
YUV 116.721, 186.2838, 205.9452
CIELuv 54.9956, 74.0424, -88.237
Web Safe CC00CC

Distribuição de #e229dc

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.

#e229dc

#e229dc
rgb(226,41,220)

#29e230

#29e230
rgb(41,226,48)

Cores triadicas

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

#dce229

#dce229
rgb(220,226,41)

#e229dc

#e229dc
rgb(226,41,220)

#29dce2

#29dce2
rgb(41,220,226)

Cores tetrádicas

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

#e28c29

#e28c29
rgb(226,140,41)

#e229dc

#e229dc
rgb(226,41,220)

#29e230

#29e230
rgb(41,226,48)

#2980e2

#2980e2
rgb(41,128,226)

Cores monocromáticas

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

#e229dc

#e229dc
rgb(226,41,220)

#e2b1e1

#e2b1e1
rgb(226,177,225)

#e2afe1

#e2afe1
rgb(226,175,225)

#e2ade1

#e2ade1
rgb(226,173,225)

#e2aae1

#e2aae1
rgb(226,170,225)

#e2a8e1

#e2a8e1
rgb(226,168,225)

Tons e Matizes de #e229dc

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

Matiz (adicionando branco)
#e229dc

#e229dc
rgb(226,41,220)

#e753e3

#e753e3
rgb(231,83,227)

#ed7eea

#ed7eea
rgb(237,126,234)

#f3a9f1

#f3a9f1
rgb(243,169,241)

#f9d4f8

#f9d4f8
rgb(249,212,248)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e229dc

#e229dc
rgb(226,41,220)

#b420b0

#b420b0
rgb(180,32,176)

#871884

#871884
rgb(135,24,132)

#5a1057

#5a1057
rgb(90,16,87)

#2d082b

#2d082b
rgb(45,8,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e229dc

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e229dc.

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

Este elemento tem uma cor de borda de #e229dc.

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

Cores alietórias

#3316ce

#3316ce
rgb(51,22,206)

#06239b

#06239b
rgb(6,35,155)

#e087d3

#e087d3
rgb(224,135,211)

#65c3d0

#65c3d0
rgb(101,195,208)

#eef8dd

#eef8dd
rgb(238,248,221)

#1d7d9f

#1d7d9f
rgb(29,125,159)

#b8614f

#b8614f
rgb(184,97,79)

#73739e

#73739e
rgb(115,115,158)

#e61fde

#e61fde
rgb(230,31,222)

#addc92

#addc92
rgb(173,220,146)

#3dc0a3

#3dc0a3
rgb(61,192,163)

#fd871c

#fd871c
rgb(253,135,28)