Informação da cor #d40aec

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

No padrão de cores CMYK, é composto por 10.2% de ciano, 95.8% de magenta, 0% de amarelo e 7.5% de preto. Tem um ângulo de matiz de 293.6 graus, uma saturação de 91.9% e uma leveza de 48.2%.

A cor mais próxima WebSafe é CC00CC.

Conversões de #d40aec 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 d40aec
RGB 212, 10, 236
RGB Percentagem 83.1%, 3.9%, 92.5%
CMYK 0.1, 0.96, 0, 0.07
HSL 293.6°, 91.9%, 48.2%
HSV (ou HSB) 293.6°, 95.8%, 92.6%
RYB 83.1, 3.9, 92.5
Formato Cor
XYZ 43.6, 20.9, 82.3
CIELab 52.79, 89.05, -63.54
Decimal 13896428
Yxy 20.2729, 0.2951, 0.1411
YUV 96.162, 206.9153, 210.6235
CIELuv 52.1444, 60.8912, -107.6837
Web Safe CC00CC

Distribuição de #d40aec

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.

#d40aec

#d40aec
rgb(212,10,236)

#22ec0a

#22ec0a
rgb(34,236,10)

Cores triadicas

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

#ecd50a

#ecd50a
rgb(236,213,10)

#d40aec

#d40aec
rgb(212,10,236)

#0aecd5

#0aecd5
rgb(10,236,213)

Cores tetrádicas

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

#ec640a

#ec640a
rgb(236,100,10)

#d40aec

#d40aec
rgb(212,10,236)

#22ec0a

#22ec0a
rgb(34,236,10)

#0a93ec

#0a93ec
rgb(10,147,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.

#d40aec

#d40aec
rgb(212,10,236)

#e7b9ec

#e7b9ec
rgb(231,185,236)

#e7b6ec

#e7b6ec
rgb(231,182,236)

#e6b4ec

#e6b4ec
rgb(230,180,236)

#e6b2ec

#e6b2ec
rgb(230,178,236)

#e6afec

#e6afec
rgb(230,175,236)

Tons e Matizes de #d40aec

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

Matiz (adicionando branco)
#d40aec

#d40aec
rgb(212,10,236)

#dc3bef

#dc3bef
rgb(220,59,239)

#e56cf3

#e56cf3
rgb(229,108,243)

#ed9df7

#ed9df7
rgb(237,157,247)

#f6cefb

#f6cefb
rgb(246,206,251)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#d40aec

#d40aec
rgb(212,10,236)

#a908bc

#a908bc
rgb(169,8,188)

#7f068d

#7f068d
rgb(127,6,141)

#54035e

#54035e
rgb(84,3,94)

#2a012f

#2a012f
rgb(42,1,47)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #d40aec

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #d40aec.

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

Este elemento tem uma cor de borda de #d40aec.

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

Cores alietórias

#a8bd00

#a8bd00
rgb(168,189,0)

#32b394

#32b394
rgb(50,179,148)

#e6d3bd

#e6d3bd
rgb(230,211,189)

#d9aa67

#d9aa67
rgb(217,170,103)

#9ebe81

#9ebe81
rgb(158,190,129)

#ef62eb

#ef62eb
rgb(239,98,235)

#e4f197

#e4f197
rgb(228,241,151)

#60c067

#60c067
rgb(96,192,103)

#533205

#533205
rgb(83,50,5)

#0e7156

#0e7156
rgb(14,113,86)

#93b0cc

#93b0cc
rgb(147,176,204)

#6def69

#6def69
rgb(109,239,105)