Informação da cor #3ba117

A cor hexadecimal 3ba117 no modelo de cores RGB (Red, Green, Blue), é um composta por 59 de vermelho, 161 de verde e 23 de azul.

No padrão de cores CMYK, é composto por 63.4% de ciano, 0% de magenta, 85.7% de amarelo e 36.9% de preto. Tem um ângulo de matiz de 104.4 graus, uma saturação de 75% e uma leveza de 36.1%.

A cor mais próxima WebSafe é 339900.

Conversões de #3ba117 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 3ba117
RGB 59, 161, 23
RGB Percentagem 23.1%, 63.1%, 9%
CMYK 0.63, 0, 0.86, 0.37
HSL 104.4°, 75%, 36.1%
HSV (ou HSB) 104.4°, 85.7%, 63.1%
RYB 9, 63.1, 49
Formato Cor
XYZ 16.5, 29.1, 6
CIELab 60.85, -52.55, 56.61
Decimal 3907863
Yxy 26.48, 0.3173, 0.5716
YUV 114.77, 76.2111, 88.2211
CIELuv 58.4899, -45.7909, 67.9331
Web Safe 339900

Distribuição de #3ba117

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.

#3ba117

#3ba117
rgb(59,161,23)

#7e17a1

#7e17a1
rgb(126,23,161)

Cores triadicas

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

#173ba1

#173ba1
rgb(23,59,161)

#3ba117

#3ba117
rgb(59,161,23)

#a1173b

#a1173b
rgb(161,23,59)

Cores tetrádicas

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

#1780a1

#1780a1
rgb(23,128,161)

#3ba117

#3ba117
rgb(59,161,23)

#7e17a1

#7e17a1
rgb(126,23,161)

#a13917

#a13917
rgb(161,57,23)

Cores monocromáticas

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

#3ba117

#3ba117
rgb(59,161,23)

#87a17e

#87a17e
rgb(135,161,126)

#86a17d

#86a17d
rgb(134,161,125)

#85a17b

#85a17b
rgb(133,161,123)

#84a179

#84a179
rgb(132,161,121)

#83a178

#83a178
rgb(131,161,120)

Tons e Matizes de #3ba117

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

Matiz (adicionando branco)
#3ba117

#3ba117
rgb(59,161,23)

#62b345

#62b345
rgb(98,179,69)

#89c673

#89c673
rgb(137,198,115)

#b0d9a2

#b0d9a2
rgb(176,217,162)

#d7ecd0

#d7ecd0
rgb(215,236,208)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3ba117

#3ba117
rgb(59,161,23)

#2f8012

#2f8012
rgb(47,128,18)

#23600d

#23600d
rgb(35,96,13)

#174009

#174009
rgb(23,64,9)

#0b2004

#0b2004
rgb(11,32,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3ba117

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

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

Contraste

Branco e #3ba117
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 #3ba117
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 #3ba117

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

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

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

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

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

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

Cores alietórias

#c7d3ed

#c7d3ed
rgb(199,211,237)

#59f28d

#59f28d
rgb(89,242,141)

#7df80b

#7df80b
rgb(125,248,11)

#fe4e47

#fe4e47
rgb(254,78,71)

#e04c5b

#e04c5b
rgb(224,76,91)

#723ea0

#723ea0
rgb(114,62,160)

#445169

#445169
rgb(68,81,105)

#014c52

#014c52
rgb(1,76,82)

#2617bb

#2617bb
rgb(38,23,187)

#385948

#385948
rgb(56,89,72)

#8f91ac

#8f91ac
rgb(143,145,172)

#e28a41

#e28a41
rgb(226,138,65)