Informação da cor #debae5

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

No padrão de cores CMYK, é composto por 3.1% de ciano, 18.8% de magenta, 0% de amarelo e 10.2% de preto. Tem um ângulo de matiz de 290.2 graus, uma saturação de 45.3% e uma leveza de 81.4%.

A cor mais próxima WebSafe é CC99CC.

Conversões de #debae5 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 debae5
RGB 222, 186, 229
RGB Percentagem 87.1%, 72.9%, 89.8%
CMYK 0.03, 0.19, 0, 0.1
HSL 290.2°, 45.3%, 81.4%
HSV (ou HSB) 290.2°, 18.8%, 89.8%
RYB 87.1, 72.9, 89.8
Formato Cor
XYZ 64, 59, 83.7
CIELab 81.28, 18.91, -15.45
Decimal 14596837
Yxy 56.3056, 0.3093, 0.2817
YUV 201.666, 143.4255, 142.5036
CIELuv 79.7874, 17.5343, -29.3427
Web Safe CC99CC

Distribuição de #debae5

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.

#debae5

#debae5
rgb(222,186,229)

#c2e5bb

#c2e5bb
rgb(194,229,187)

Cores triadicas

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

#e5debb

#e5debb
rgb(229,222,187)

#debae5

#debae5
rgb(222,186,229)

#bbe5de

#bbe5de
rgb(187,229,222)

Cores tetrádicas

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

#e5c9bb

#e5c9bb
rgb(229,201,187)

#debae5

#debae5
rgb(222,186,229)

#c2e5bb

#c2e5bb
rgb(194,229,187)

#bbd7e5

#bbd7e5
rgb(187,215,229)

Cores monocromáticas

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

#debae5

#debae5
rgb(222,186,229)

#deb5e5

#deb5e5
rgb(222,181,229)

#ddb3e5

#ddb3e5
rgb(221,179,229)

#ddb0e5

#ddb0e5
rgb(221,176,229)

#dcaee5

#dcaee5
rgb(220,174,229)

#dcace5

#dcace5
rgb(220,172,229)

Tons e Matizes de #debae5

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

Matiz (adicionando branco)
#debae5

#debae5
rgb(222,186,229)

#e4c7ea

#e4c7ea
rgb(228,199,234)

#ebd5ef

#ebd5ef
rgb(235,213,239)

#f1e3f4

#f1e3f4
rgb(241,227,244)

#f8f1f9

#f8f1f9
rgb(248,241,249)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#debae5

#debae5
rgb(222,186,229)

#b194b7

#b194b7
rgb(177,148,183)

#856f89

#856f89
rgb(133,111,137)

#584a5b

#584a5b
rgb(88,74,91)

#2c252d

#2c252d
rgb(44,37,45)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #debae5

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #debae5.

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

Este elemento tem uma cor de borda de #debae5.

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

Cores alietórias

#5dca3d

#5dca3d
rgb(93,202,61)

#64920e

#64920e
rgb(100,146,14)

#7368cb

#7368cb
rgb(115,104,203)

#81fb54

#81fb54
rgb(129,251,84)

#eb9c84

#eb9c84
rgb(235,156,132)

#a9af1a

#a9af1a
rgb(169,175,26)

#ffc2f2

#ffc2f2
rgb(255,194,242)

#c280e2

#c280e2
rgb(194,128,226)

#dc90ec

#dc90ec
rgb(220,144,236)

#9f9ef2

#9f9ef2
rgb(159,158,242)

#40299b

#40299b
rgb(64,41,155)

#6502eb

#6502eb
rgb(101,2,235)