Informação da cor #a3fb19

A cor hexadecimal a3fb19 no modelo de cores RGB (Red, Green, Blue), é um composta por 163 de vermelho, 251 de verde e 25 de azul.

No padrão de cores CMYK, é composto por 35.1% de ciano, 0% de magenta, 90% de amarelo e 1.6% de preto. Tem um ângulo de matiz de 83.4 graus, uma saturação de 96.6% e uma leveza de 54.1%.

A cor mais próxima WebSafe é 99CC00.

Conversões de #a3fb19 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 a3fb19
RGB 163, 251, 25
RGB Percentagem 63.9%, 98.4%, 9.8%
CMYK 0.35, 0, 0.9, 0.02
HSL 83.4°, 96.6%, 54.1%
HSV (ou HSB) 83.4°, 90%, 98.4%
RYB 9.8, 98.4, 44.3
Formato Cor
XYZ 51.3, 77.8, 13.7
CIELab 90.68, -52.76, 83.8
Decimal 10746649
Yxy 76.8491, 0.3562, 0.5499
YUV 198.924, 29.8488, 102.3765
CIELuv 90.2521, -44.017, 103.9341
Web Safe 99CC00

Distribuição de #a3fb19

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.

#a3fb19

#a3fb19
rgb(163,251,25)

#711afb

#711afb
rgb(113,26,251)

Cores triadicas

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

#1aa4fb

#1aa4fb
rgb(26,164,251)

#a3fb19

#a3fb19
rgb(163,251,25)

#fb1aa4

#fb1aa4
rgb(251,26,164)

Cores tetrádicas

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

#1afbe2

#1afbe2
rgb(26,251,226)

#a3fb19

#a3fb19
rgb(163,251,25)

#711afb

#711afb
rgb(113,26,251)

#fb1a33

#fb1a33
rgb(251,26,51)

Cores monocromáticas

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

#a3fb19

#a3fb19
rgb(163,251,25)

#e6fbc5

#e6fbc5
rgb(230,251,197)

#e5fbc2

#e5fbc2
rgb(229,251,194)

#e4fbc0

#e4fbc0
rgb(228,251,192)

#e3fbbd

#e3fbbd
rgb(227,251,189)

#e2fbba

#e2fbba
rgb(226,251,186)

Tons e Matizes de #a3fb19

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

Matiz (adicionando branco)
#a3fb19

#a3fb19
rgb(163,251,25)

#b5fb47

#b5fb47
rgb(181,251,71)

#c7fc75

#c7fc75
rgb(199,252,117)

#dafda3

#dafda3
rgb(218,253,163)

#ecfed1

#ecfed1
rgb(236,254,209)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#a3fb19

#a3fb19
rgb(163,251,25)

#82c814

#82c814
rgb(130,200,20)

#61960f

#61960f
rgb(97,150,15)

#416409

#416409
rgb(65,100,9)

#203204

#203204
rgb(32,50,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #a3fb19

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #a3fb19.

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

Este elemento tem uma cor de borda de #a3fb19.

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

Cores alietórias

#7f1599

#7f1599
rgb(127,21,153)

#106a6d

#106a6d
rgb(16,106,109)

#88ad68

#88ad68
rgb(136,173,104)

#53b82e

#53b82e
rgb(83,184,46)

#968496

#968496
rgb(150,132,150)

#8e4759

#8e4759
rgb(142,71,89)

#f6bbeb

#f6bbeb
rgb(246,187,235)

#797157

#797157
rgb(121,113,87)

#f4fba4

#f4fba4
rgb(244,251,164)

#9ba0f2

#9ba0f2
rgb(155,160,242)

#90a521

#90a521
rgb(144,165,33)

#5240d2

#5240d2
rgb(82,64,210)