Informação da cor #3fa281

A cor hexadecimal 3fa281 no modelo de cores RGB (Red, Green, Blue), é um composta por 63 de vermelho, 162 de verde e 129 de azul.

No padrão de cores CMYK, é composto por 61.1% de ciano, 0% de magenta, 20.4% de amarelo e 36.5% de preto. Tem um ângulo de matiz de 160 graus, uma saturação de 44% e uma leveza de 44.1%.

A cor mais próxima WebSafe é 339966.

Conversões de #3fa281 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 3fa281
RGB 63, 162, 129
RGB Percentagem 24.7%, 63.5%, 50.6%
CMYK 0.61, 0, 0.2, 0.36
HSL 160°, 44%, 44.1%
HSV (ou HSB) 160°, 61.1%, 63.5%
RYB 24.7, 48.2, 63.5
Formato Cor
XYZ 21.2, 31.3, 28.5
CIELab 62.75, -36.23, 7.86
Decimal 4170369
Yxy 28.4805, 0.2605, 0.3919
YUV 128.637, 128.2049, 81.1833
CIELuv 60.3204, -41.3706, 17.8568
Web Safe 339966

Distribuição de #3fa281

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.

#3fa281

#3fa281
rgb(63,162,129)

#a23f60

#a23f60
rgb(162,63,96)

Cores triadicas

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

#823fa2

#823fa2
rgb(130,63,162)

#3fa281

#3fa281
rgb(63,162,129)

#a2813f

#a2813f
rgb(162,129,63)

Cores tetrádicas

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

#503fa2

#503fa2
rgb(80,63,162)

#3fa281

#3fa281
rgb(63,162,129)

#a23f60

#a23f60
rgb(162,63,96)

#92a23f

#92a23f
rgb(146,162,63)

Cores monocromáticas

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

#3fa281

#3fa281
rgb(63,162,129)

#7fa297

#7fa297
rgb(127,162,151)

#7ea296

#7ea296
rgb(126,162,150)

#7ca296

#7ca296
rgb(124,162,150)

#7ba295

#7ba295
rgb(123,162,149)

#79a295

#79a295
rgb(121,162,149)

Tons e Matizes de #3fa281

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

Matiz (adicionando branco)
#3fa281

#3fa281
rgb(63,162,129)

#65b49a

#65b49a
rgb(101,180,154)

#8bc7b3

#8bc7b3
rgb(139,199,179)

#b2d9cc

#b2d9cc
rgb(178,217,204)

#d8ece5

#d8ece5
rgb(216,236,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3fa281

#3fa281
rgb(63,162,129)

#328167

#328167
rgb(50,129,103)

#25614d

#25614d
rgb(37,97,77)

#194033

#194033
rgb(25,64,51)

#0c2019

#0c2019
rgb(12,32,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3fa281

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

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

Contraste

Branco e #3fa281
Texto grande WCAG AA ✓ 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 #3fa281
Texto grande WCAG AA ✓ Conforme
Qualquer texto WCAG AA ✓ Conforme
Texto grande WCAG AAA ✓ Conforme
Qualquer texto WCAG AAA X Não conforme

Se quiser verificar outras combinações de cores, experimente o verificador de contraste de cores.

Exemplos CSS

Texto com cor hexadecimal #3fa281

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

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

Este parágrafo tem fundo de cor #3fa281.

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

Este elemento tem uma cor de borda de #3fa281.

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

Cores alietórias

#e3e46f

#e3e46f
rgb(227,228,111)

#4ac179

#4ac179
rgb(74,193,121)

#8bfd4c

#8bfd4c
rgb(139,253,76)

#129b96

#129b96
rgb(18,155,150)

#864e52

#864e52
rgb(134,78,82)

#aef533

#aef533
rgb(174,245,51)

#072ed1

#072ed1
rgb(7,46,209)

#eb15e9

#eb15e9
rgb(235,21,233)

#96595d

#96595d
rgb(150,89,93)

#7505fd

#7505fd
rgb(117,5,253)

#6e8be1

#6e8be1
rgb(110,139,225)

#6b8544

#6b8544
rgb(107,133,68)