Informação da cor #a1dbc4

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

No padrão de cores CMYK, é composto por 26.5% de ciano, 0% de magenta, 10.5% de amarelo e 14.1% de preto. Tem um ângulo de matiz de 156.2 graus, uma saturação de 44.6% e uma leveza de 74.5%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #a1dbc4 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 a1dbc4
RGB 161, 219, 196
RGB Percentagem 63.1%, 85.9%, 76.9%
CMYK 0.26, 0, 0.11, 0.14
HSL 156.2°, 44.6%, 74.5%
HSV (ou HSB) 156.2°, 26.5%, 85.9%
RYB 63.1, 77.6, 85.9
Formato Cor
XYZ 52.6, 64.6, 64.6
CIELab 84.27, -21.81, 4.86
Decimal 10607556
Yxy 62.2235, 0.2876, 0.358
YUV 199.036, 126.2867, 100.8702
CIELuv 83.0321, -28.7743, 11.9589
Web Safe 99CC99

Distribuição de #a1dbc4

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.

#a1dbc4

#a1dbc4
rgb(161,219,196)

#dba1b8

#dba1b8
rgb(219,161,184)

Cores triadicas

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

#c5a1db

#c5a1db
rgb(197,161,219)

#a1dbc4

#a1dbc4
rgb(161,219,196)

#dbc5a1

#dbc5a1
rgb(219,197,161)

Cores tetrádicas

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

#a8a1db

#a8a1db
rgb(168,161,219)

#a1dbc4

#a1dbc4
rgb(161,219,196)

#dba1b8

#dba1b8
rgb(219,161,184)

#d5dba1

#d5dba1
rgb(213,219,161)

Cores monocromáticas

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

#a1dbc4

#a1dbc4
rgb(161,219,196)

#addbc9

#addbc9
rgb(173,219,201)

#abdbc8

#abdbc8
rgb(171,219,200)

#a9dbc7

#a9dbc7
rgb(169,219,199)

#a6dbc6

#a6dbc6
rgb(166,219,198)

#a4dbc6

#a4dbc6
rgb(164,219,198)

Tons e Matizes de #a1dbc4

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

Matiz (adicionando branco)
#a1dbc4

#a1dbc4
rgb(161,219,196)

#b3e2cf

#b3e2cf
rgb(179,226,207)

#c6e9db

#c6e9db
rgb(198,233,219)

#d9f0e7

#d9f0e7
rgb(217,240,231)

#ecf7f3

#ecf7f3
rgb(236,247,243)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a1dbc4

#a1dbc4
rgb(161,219,196)

#80af9c

#80af9c
rgb(128,175,156)

#608375

#608375
rgb(96,131,117)

#40574e

#40574e
rgb(64,87,78)

#202b27

#202b27
rgb(32,43,39)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a1dbc4

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a1dbc4.

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

Este elemento tem uma cor de borda de #a1dbc4.

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

Cores alietórias

#2cabf1

#2cabf1
rgb(44,171,241)

#eb2655

#eb2655
rgb(235,38,85)

#940e41

#940e41
rgb(148,14,65)

#cc3f36

#cc3f36
rgb(204,63,54)

#e13a04

#e13a04
rgb(225,58,4)

#7f6894

#7f6894
rgb(127,104,148)

#e87a65

#e87a65
rgb(232,122,101)

#de0026

#de0026
rgb(222,0,38)

#1fed9b

#1fed9b
rgb(31,237,155)

#46508a

#46508a
rgb(70,80,138)

#d3e371

#d3e371
rgb(211,227,113)

#3e0e10

#3e0e10
rgb(62,14,16)