Informação da cor #dea9bb

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

No padrão de cores CMYK, é composto por 0% de ciano, 23.9% de magenta, 15.8% de amarelo e 12.9% de preto. Tem um ângulo de matiz de 339.6 graus, uma saturação de 44.5% e uma leveza de 76.7%.

A cor mais próxima WebSafe é CC9999.

Conversões de #dea9bb 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 dea9bb
RGB 222, 169, 187
RGB Percentagem 87.1%, 66.3%, 73.3%
CMYK 0, 0.24, 0.16, 0.13
HSL 339.6°, 44.5%, 76.7%
HSV (ou HSB) 339.6°, 23.9%, 87.1%
RYB 87.1, 66.3, 73.3
Formato Cor
XYZ 55.8, 50.4, 56.6
CIELab 76.31, 20.66, -1.67
Decimal 14592443
Yxy 47.4956, 0.3457, 0.3081
YUV 186.899, 128.057, 153.0364
CIELuv 74.5056, 31.3494, -6.4137
Web Safe CC9999

Distribuição de #dea9bb

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.

#dea9bb

#dea9bb
rgb(222,169,187)

#a9decd

#a9decd
rgb(169,222,205)

Cores triadicas

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

#bbdea9

#bbdea9
rgb(187,222,169)

#dea9bb

#dea9bb
rgb(222,169,187)

#a9bbde

#a9bbde
rgb(169,187,222)

Cores tetrádicas

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

#d6dea9

#d6dea9
rgb(214,222,169)

#dea9bb

#dea9bb
rgb(222,169,187)

#a9decd

#a9decd
rgb(169,222,205)

#b2a9de

#b2a9de
rgb(178,169,222)

Cores monocromáticas

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

#dea9bb

#dea9bb
rgb(222,169,187)

#deafbf

#deafbf
rgb(222,175,191)

#deadbe

#deadbe
rgb(222,173,190)

#deabbc

#deabbc
rgb(222,171,188)

#dea9bb

#dea9bb
rgb(222,169,187)

#dea6b9

#dea6b9
rgb(222,166,185)

Tons e Matizes de #dea9bb

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

Matiz (adicionando branco)
#dea9bb

#dea9bb
rgb(222,169,187)

#e4bac8

#e4bac8
rgb(228,186,200)

#ebcbd6

#ebcbd6
rgb(235,203,214)

#f1dce3

#f1dce3
rgb(241,220,227)

#f8edf1

#f8edf1
rgb(248,237,241)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#dea9bb

#dea9bb
rgb(222,169,187)

#b18795

#b18795
rgb(177,135,149)

#856570

#856570
rgb(133,101,112)

#58434a

#58434a
rgb(88,67,74)

#2c2125

#2c2125
rgb(44,33,37)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #dea9bb

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #dea9bb.

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

Este elemento tem uma cor de borda de #dea9bb.

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

Cores alietórias

#92f289

#92f289
rgb(146,242,137)

#de12d1

#de12d1
rgb(222,18,209)

#d52497

#d52497
rgb(213,36,151)

#f5ce57

#f5ce57
rgb(245,206,87)

#3d59dd

#3d59dd
rgb(61,89,221)

#4ffbfa

#4ffbfa
rgb(79,251,250)

#3593e8

#3593e8
rgb(53,147,232)

#3680e7

#3680e7
rgb(54,128,231)

#a03ba5

#a03ba5
rgb(160,59,165)

#7b89ca

#7b89ca
rgb(123,137,202)

#60f752

#60f752
rgb(96,247,82)

#13b609

#13b609
rgb(19,182,9)