Informação da cor #a9e275

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

No padrão de cores CMYK, é composto por 25.2% de ciano, 0% de magenta, 48.2% de amarelo e 11.4% de preto. Tem um ângulo de matiz de 91.4 graus, uma saturação de 65.3% e uma leveza de 67.3%.

A cor mais próxima WebSafe é 99CC66.

Conversões de #a9e275 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 a9e275
RGB 169, 226, 117
RGB Percentagem 66.3%, 88.6%, 45.9%
CMYK 0.25, 0, 0.48, 0.11
HSL 91.4°, 65.3%, 67.3%
HSV (ou HSB) 91.4°, 48.2%, 88.6%
RYB 45.9, 88.6, 68.2
Formato Cor
XYZ 49.2, 66.2, 29.6
CIELab 85.12, -34.39, 44.75
Decimal 11133557
Yxy 64.1109, 0.3398, 0.4659
YUV 196.531, 83.118, 108.363
CIELuv 84.0235, -28.3971, 67.3732
Web Safe 99CC66

Distribuição de #a9e275

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.

#a9e275

#a9e275
rgb(169,226,117)

#ae75e2

#ae75e2
rgb(174,117,226)

Cores triadicas

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

#75aae2

#75aae2
rgb(117,170,226)

#a9e275

#a9e275
rgb(169,226,117)

#e275aa

#e275aa
rgb(226,117,170)

Cores tetrádicas

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

#75e0e2

#75e0e2
rgb(117,224,226)

#a9e275

#a9e275
rgb(169,226,117)

#ae75e2

#ae75e2
rgb(174,117,226)

#e27875

#e27875
rgb(226,120,117)

Cores monocromáticas

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

#a9e275

#a9e275
rgb(169,226,117)

#c9e2b2

#c9e2b2
rgb(201,226,178)

#c8e2b0

#c8e2b0
rgb(200,226,176)

#c7e2ad

#c7e2ad
rgb(199,226,173)

#c6e2ab

#c6e2ab
rgb(198,226,171)

#c4e2a9

#c4e2a9
rgb(196,226,169)

Tons e Matizes de #a9e275

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

Matiz (adicionando branco)
#a9e275

#a9e275
rgb(169,226,117)

#bae790

#bae790
rgb(186,231,144)

#cbedac

#cbedac
rgb(203,237,172)

#dcf3c7

#dcf3c7
rgb(220,243,199)

#edf9e3

#edf9e3
rgb(237,249,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a9e275

#a9e275
rgb(169,226,117)

#87b45d

#87b45d
rgb(135,180,93)

#658746

#658746
rgb(101,135,70)

#435a2e

#435a2e
rgb(67,90,46)

#212d17

#212d17
rgb(33,45,23)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a9e275

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a9e275.

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

Este elemento tem uma cor de borda de #a9e275.

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

Cores alietórias

#548bb1

#548bb1
rgb(84,139,177)

#f3a962

#f3a962
rgb(243,169,98)

#cd9a7a

#cd9a7a
rgb(205,154,122)

#49be9b

#49be9b
rgb(73,190,155)

#ac601c

#ac601c
rgb(172,96,28)

#821fae

#821fae
rgb(130,31,174)

#01402b

#01402b
rgb(1,64,43)

#3d0ad8

#3d0ad8
rgb(61,10,216)

#9939fb

#9939fb
rgb(153,57,251)

#0516cc

#0516cc
rgb(5,22,204)

#520d14

#520d14
rgb(82,13,20)

#fcbc4a

#fcbc4a
rgb(252,188,74)