Informação da cor #e275aa

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

No padrão de cores CMYK, é composto por 0% de ciano, 48.2% de magenta, 24.8% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 330.8 graus, uma saturação de 65.3% e uma leveza de 67.3%.

A cor mais próxima WebSafe é CC6699.

Conversões de #e275aa 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 e275aa
RGB 226, 117, 170
RGB Percentagem 88.6%, 45.9%, 66.7%
CMYK 0, 0.48, 0.25, 0.11
HSL 330.8°, 65.3%, 67.3%
HSV (ou HSB) 330.8°, 48.2%, 88.6%
RYB 88.6, 45.9, 66.7
Formato Cor
XYZ 47.3, 34.4, 45.2
CIELab 65.25, 45.9, -9.07
Decimal 14841258
Yxy 31.7973, 0.3794, 0.2682
YUV 155.633, 136.1078, 178.1905
CIELuv 63.175, 65.8033, -21.5497
Web Safe CC6699

Distribuição de #e275aa

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.

#e275aa

#e275aa
rgb(226,117,170)

#75e2ad

#75e2ad
rgb(117,226,173)

Cores triadicas

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

#abe275

#abe275
rgb(171,226,117)

#e275aa

#e275aa
rgb(226,117,170)

#75abe2

#75abe2
rgb(117,171,226)

Cores tetrádicas

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

#e1e275

#e1e275
rgb(225,226,117)

#e275aa

#e275aa
rgb(226,117,170)

#75e2ad

#75e2ad
rgb(117,226,173)

#7775e2

#7775e2
rgb(119,117,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.

#e275aa

#e275aa
rgb(226,117,170)

#e2b2ca

#e2b2ca
rgb(226,178,202)

#e2b0c8

#e2b0c8
rgb(226,176,200)

#e2adc7

#e2adc7
rgb(226,173,199)

#e2abc6

#e2abc6
rgb(226,171,198)

#e2a9c5

#e2a9c5
rgb(226,169,197)

Tons e Matizes de #e275aa

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

Matiz (adicionando branco)
#e275aa

#e275aa
rgb(226,117,170)

#e790bb

#e790bb
rgb(231,144,187)

#edaccc

#edaccc
rgb(237,172,204)

#f3c7dd

#f3c7dd
rgb(243,199,221)

#f9e3ee

#f9e3ee
rgb(249,227,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#e275aa

#e275aa
rgb(226,117,170)

#b45d88

#b45d88
rgb(180,93,136)

#874666

#874666
rgb(135,70,102)

#5a2e43

#5a2e43
rgb(90,46,67)

#2d1721

#2d1721
rgb(45,23,33)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #e275aa

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #e275aa.

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

Este elemento tem uma cor de borda de #e275aa.

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

Cores alietórias

#b9f826

#b9f826
rgb(185,248,38)

#316144

#316144
rgb(49,97,68)

#9e0876

#9e0876
rgb(158,8,118)

#d46f95

#d46f95
rgb(212,111,149)

#51c9d5

#51c9d5
rgb(81,201,213)

#363965

#363965
rgb(54,57,101)

#80574e

#80574e
rgb(128,87,78)

#0d6cbe

#0d6cbe
rgb(13,108,190)

#64ddf3

#64ddf3
rgb(100,221,243)

#f2024b

#f2024b
rgb(242,2,75)

#1d2994

#1d2994
rgb(29,41,148)

#da6667

#da6667
rgb(218,102,103)