Informação da cor #a9d5da

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

No padrão de cores CMYK, é composto por 22.5% de ciano, 2.3% de magenta, 0% de amarelo e 14.5% de preto. Tem um ângulo de matiz de 186.1 graus, uma saturação de 39.8% e uma leveza de 75.9%.

A cor mais próxima WebSafe é 99CCCC.

Conversões de #a9d5da 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 a9d5da
RGB 169, 213, 218
RGB Percentagem 66.3%, 83.5%, 85.5%
CMYK 0.22, 0.02, 0, 0.15
HSL 186.1°, 39.8%, 75.9%
HSV (ou HSB) 186.1°, 22.5%, 85.5%
RYB 66.3, 75.7, 85.5
Formato Cor
XYZ 55.3, 63.6, 77.7
CIELab 83.73, -12.42, -6.74
Decimal 11130330
Yxy 61.0834, 0.2791, 0.3228
YUV 200.414, 137.9244, 105.5934
CIELuv 82.4236, -22.5901, -8.8996
Web Safe 99CCCC

Distribuição de #a9d5da

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.

#a9d5da

#a9d5da
rgb(169,213,218)

#daafa9

#daafa9
rgb(218,175,169)

Cores triadicas

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

#daa9d5

#daa9d5
rgb(218,169,213)

#a9d5da

#a9d5da
rgb(169,213,218)

#d5daa9

#d5daa9
rgb(213,218,169)

Cores tetrádicas

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

#c7a9da

#c7a9da
rgb(199,169,218)

#a9d5da

#a9d5da
rgb(169,213,218)

#daafa9

#daafa9
rgb(218,175,169)

#bddaa9

#bddaa9
rgb(189,218,169)

Cores monocromáticas

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

#a9d5da

#a9d5da
rgb(169,213,218)

#acd6da

#acd6da
rgb(172,214,218)

#aad6da

#aad6da
rgb(170,214,218)

#a8d5da

#a8d5da
rgb(168,213,218)

#a6d5da

#a6d5da
rgb(166,213,218)

#a4d5da

#a4d5da
rgb(164,213,218)

Tons e Matizes de #a9d5da

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

Matiz (adicionando branco)
#a9d5da

#a9d5da
rgb(169,213,218)

#badde1

#badde1
rgb(186,221,225)

#cbe5e8

#cbe5e8
rgb(203,229,232)

#dceef0

#dceef0
rgb(220,238,240)

#edf6f7

#edf6f7
rgb(237,246,247)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a9d5da

#a9d5da
rgb(169,213,218)

#87aaae

#87aaae
rgb(135,170,174)

#657f82

#657f82
rgb(101,127,130)

#435557

#435557
rgb(67,85,87)

#212a2b

#212a2b
rgb(33,42,43)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a9d5da

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a9d5da.

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

Este elemento tem uma cor de borda de #a9d5da.

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

Cores alietórias

#9749e9

#9749e9
rgb(151,73,233)

#de753c

#de753c
rgb(222,117,60)

#cbafe5

#cbafe5
rgb(203,175,229)

#1f295d

#1f295d
rgb(31,41,93)

#a9df45

#a9df45
rgb(169,223,69)

#a98d22

#a98d22
rgb(169,141,34)

#03cdb1

#03cdb1
rgb(3,205,177)

#779d73

#779d73
rgb(119,157,115)

#c80ebf

#c80ebf
rgb(200,14,191)

#52a884

#52a884
rgb(82,168,132)

#59f5eb

#59f5eb
rgb(89,245,235)

#117316

#117316
rgb(17,115,22)