Informação da cor #a5f1ac

A cor hexadecimal a5f1ac no modelo de cores RGB (Red, Green, Blue), é um composta por 165 de vermelho, 241 de verde e 172 de azul.

No padrão de cores CMYK, é composto por 31.5% de ciano, 0% de magenta, 28.6% de amarelo e 5.5% de preto. Tem um ângulo de matiz de 125.5 graus, uma saturação de 73.1% e uma leveza de 79.6%.

A cor mais próxima WebSafe é 99CC99.

Conversões de #a5f1ac 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 a5f1ac
RGB 165, 241, 172
RGB Percentagem 64.7%, 94.5%, 67.5%
CMYK 0.32, 0, 0.29, 0.05
HSL 125.5°, 73.1%, 79.6%
HSV (ou HSB) 125.5°, 31.5%, 94.5%
RYB 64.7, 92.2, 94.5
Formato Cor
XYZ 56.6, 75.5, 53.6
CIELab 89.61, -34.47, 24.18
Decimal 10875308
Yxy 73.886, 0.3045, 0.4134
YUV 210.41, 106.3239, 95.6105
CIELuv 88.8686, -37.1813, 43.6121
Web Safe 99CC99

Distribuição de #a5f1ac

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.

#a5f1ac

#a5f1ac
rgb(165,241,172)

#f1a5eb

#f1a5eb
rgb(241,165,235)

Cores triadicas

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

#aca5f1

#aca5f1
rgb(172,165,241)

#a5f1ac

#a5f1ac
rgb(165,241,172)

#f1aca5

#f1aca5
rgb(241,172,165)

Cores tetrádicas

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

#a5c5f1

#a5c5f1
rgb(165,197,241)

#a5f1ac

#a5f1ac
rgb(165,241,172)

#f1a5eb

#f1a5eb
rgb(241,165,235)

#f1d2a5

#f1d2a5
rgb(241,210,165)

Cores monocromáticas

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

#a5f1ac

#a5f1ac
rgb(165,241,172)

#bef1c3

#bef1c3
rgb(190,241,195)

#bcf1c1

#bcf1c1
rgb(188,241,193)

#b9f1be

#b9f1be
rgb(185,241,190)

#b7f1bc

#b7f1bc
rgb(183,241,188)

#b4f1ba

#b4f1ba
rgb(180,241,186)

Tons e Matizes de #a5f1ac

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

Matiz (adicionando branco)
#a5f1ac

#a5f1ac
rgb(165,241,172)

#b7f3bc

#b7f3bc
rgb(183,243,188)

#c9f6cd

#c9f6cd
rgb(201,246,205)

#dbf9dd

#dbf9dd
rgb(219,249,221)

#edfcee

#edfcee
rgb(237,252,238)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a5f1ac

#a5f1ac
rgb(165,241,172)

#84c089

#84c089
rgb(132,192,137)

#639067

#639067
rgb(99,144,103)

#416044

#416044
rgb(65,96,68)

#203022

#203022
rgb(32,48,34)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a5f1ac

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a5f1ac.

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

Este elemento tem uma cor de borda de #a5f1ac.

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

Cores alietórias

#c4ecde

#c4ecde
rgb(196,236,222)

#aae2f9

#aae2f9
rgb(170,226,249)

#6dc674

#6dc674
rgb(109,198,116)

#7fad7d

#7fad7d
rgb(127,173,125)

#790061

#790061
rgb(121,0,97)

#5f7645

#5f7645
rgb(95,118,69)

#4b0155

#4b0155
rgb(75,1,85)

#70966c

#70966c
rgb(112,150,108)

#2b562e

#2b562e
rgb(43,86,46)

#b56b79

#b56b79
rgb(181,107,121)

#96672f

#96672f
rgb(150,103,47)

#724785

#724785
rgb(114,71,133)