Informação da cor #d84aec

A cor hexadecimal d84aec no modelo de cores RGB (Red, Green, Blue), é um composta por 216 de vermelho, 74 de verde e 236 de azul.

No padrão de cores CMYK, é composto por 8.5% de ciano, 68.6% de magenta, 0% de amarelo e 7.5% de preto. Tem um ângulo de matiz de 292.6 graus, uma saturação de 81% e uma leveza de 60.8%.

A cor mais próxima WebSafe é CC33CC.

Conversões de #d84aec 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 d84aec
RGB 216, 74, 236
RGB Percentagem 84.7%, 29%, 92.5%
CMYK 0.08, 0.69, 0, 0.07
HSL 292.6°, 81%, 60.8%
HSV (ou HSB) 292.6°, 68.6%, 92.6%
RYB 84.7, 29, 92.5
Formato Cor
XYZ 47.7, 27.3, 83.3
CIELab 59.28, 72.7, -53.11
Decimal 14174956
Yxy 25.5552, 0.2994, 0.1667
YUV 134.926, 185.0395, 185.8275
CIELuv 57.6124, 55.6322, -95.4922
Web Safe CC33CC

Distribuição de #d84aec

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.

#d84aec

#d84aec
rgb(216,74,236)

#5fec4b

#5fec4b
rgb(95,236,75)

Cores triadicas

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

#ecd84b

#ecd84b
rgb(236,216,75)

#d84aec

#d84aec
rgb(216,74,236)

#4becd8

#4becd8
rgb(75,236,216)

Cores tetrádicas

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

#ec874b

#ec874b
rgb(236,135,75)

#d84aec

#d84aec
rgb(216,74,236)

#5fec4b

#5fec4b
rgb(95,236,75)

#4bb0ec

#4bb0ec
rgb(75,176,236)

Cores monocromáticas

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

#d84aec

#d84aec
rgb(216,74,236)

#e6b9ec

#e6b9ec
rgb(230,185,236)

#e6b7ec

#e6b7ec
rgb(230,183,236)

#e6b5ec

#e6b5ec
rgb(230,181,236)

#e5b2ec

#e5b2ec
rgb(229,178,236)

#e5b0ec

#e5b0ec
rgb(229,176,236)

Tons e Matizes de #d84aec

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

Matiz (adicionando branco)
#d84aec

#d84aec
rgb(216,74,236)

#df6eef

#df6eef
rgb(223,110,239)

#e792f3

#e792f3
rgb(231,146,243)

#efb6f7

#efb6f7
rgb(239,182,247)

#f7dafb

#f7dafb
rgb(247,218,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d84aec

#d84aec
rgb(216,74,236)

#ac3bbc

#ac3bbc
rgb(172,59,188)

#812c8d

#812c8d
rgb(129,44,141)

#561d5e

#561d5e
rgb(86,29,94)

#2b0e2f

#2b0e2f
rgb(43,14,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d84aec

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d84aec.

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

Este elemento tem uma cor de borda de #d84aec.

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

Cores alietórias

#844b87

#844b87
rgb(132,75,135)

#7191cd

#7191cd
rgb(113,145,205)

#04a749

#04a749
rgb(4,167,73)

#3dc0ad

#3dc0ad
rgb(61,192,173)

#a45c83

#a45c83
rgb(164,92,131)

#24f903

#24f903
rgb(36,249,3)

#021c92

#021c92
rgb(2,28,146)

#d43304

#d43304
rgb(212,51,4)

#8e8007

#8e8007
rgb(142,128,7)

#27d660

#27d660
rgb(39,214,96)

#07c3ae

#07c3ae
rgb(7,195,174)

#0a51b0

#0a51b0
rgb(10,81,176)