Informação da cor #abe0db

A cor hexadecimal abe0db no modelo de cores RGB (Red, Green, Blue), é um composta por 171 de vermelho, 224 de verde e 219 de azul.

No padrão de cores CMYK, é composto por 23.7% de ciano, 0% de magenta, 2.2% de amarelo e 12.2% de preto. Tem um ângulo de matiz de 174.3 graus, uma saturação de 46.1% e uma leveza de 77.5%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #abe0db 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 abe0db
RGB 171, 224, 219
RGB Percentagem 67.1%, 87.8%, 85.9%
CMYK 0.24, 0, 0.02, 0.12
HSL 174.3°, 46.1%, 77.5%
HSV (ou HSB) 174.3°, 23.7%, 87.8%
RYB 67.1, 78, 87.8
Formato Cor
XYZ 58.6, 69.2, 79.3
CIELab 86.62, -16.82, -2.97
Decimal 11264219
Yxy 67.0813, 0.2807, 0.3349
YUV 207.583, 134.443, 101.9066
CIELuv 85.545, -26.6195, -1.7399
Web Safe 99CCCC

Distribuição de #abe0db

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.

#abe0db

#abe0db
rgb(171,224,219)

#e0abb0

#e0abb0
rgb(224,171,176)

Cores triadicas

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

#dcabe0

#dcabe0
rgb(220,171,224)

#abe0db

#abe0db
rgb(171,224,219)

#e0dcab

#e0dcab
rgb(224,220,171)

Cores tetrádicas

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

#c1abe0

#c1abe0
rgb(193,171,224)

#abe0db

#abe0db
rgb(171,224,219)

#e0abb0

#e0abb0
rgb(224,171,176)

#cbe0ab

#cbe0ab
rgb(203,224,171)

Cores monocromáticas

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

#abe0db

#abe0db
rgb(171,224,219)

#b1e0dc

#b1e0dc
rgb(177,224,220)

#afe0dc

#afe0dc
rgb(175,224,220)

#ace0dc

#ace0dc
rgb(172,224,220)

#aae0db

#aae0db
rgb(170,224,219)

#a8e0db

#a8e0db
rgb(168,224,219)

Tons e Matizes de #abe0db

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

Matiz (adicionando branco)
#abe0db

#abe0db
rgb(171,224,219)

#bbe6e2

#bbe6e2
rgb(187,230,226)

#ccece9

#ccece9
rgb(204,236,233)

#ddf2f0

#ddf2f0
rgb(221,242,240)

#eef8f7

#eef8f7
rgb(238,248,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#abe0db

#abe0db
rgb(171,224,219)

#88b3af

#88b3af
rgb(136,179,175)

#668683

#668683
rgb(102,134,131)

#445957

#445957
rgb(68,89,87)

#222c2b

#222c2b
rgb(34,44,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #abe0db

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #abe0db.

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

Este elemento tem uma cor de borda de #abe0db.

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

Cores alietórias

#1751b7

#1751b7
rgb(23,81,183)

#e6d88b

#e6d88b
rgb(230,216,139)

#eaa294

#eaa294
rgb(234,162,148)

#68eb49

#68eb49
rgb(104,235,73)

#7bbebf

#7bbebf
rgb(123,190,191)

#078cec

#078cec
rgb(7,140,236)

#cdb287

#cdb287
rgb(205,178,135)

#cd0ece

#cd0ece
rgb(205,14,206)

#fabf69

#fabf69
rgb(250,191,105)

#8ed083

#8ed083
rgb(142,208,131)

#1c0258

#1c0258
rgb(28,2,88)

#180660

#180660
rgb(24,6,96)