Informação da cor #369b3a

A cor hexadecimal 369b3a no modelo de cores RGB (Red, Green, Blue), é um composta por 54 de vermelho, 155 de verde e 58 de azul.

No padrão de cores CMYK, é composto por 65.2% de ciano, 0% de magenta, 62.6% de amarelo e 39.2% de preto. Tem um ângulo de matiz de 122.4 graus, uma saturação de 48.3% e uma leveza de 41%.

A cor mais próxima WebSafe é 339933.

Conversões de #369b3a 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 369b3a
RGB 54, 155, 58
RGB Percentagem 21.2%, 60.8%, 22.7%
CMYK 0.65, 0, 0.63, 0.39
HSL 122.4°, 48.3%, 41%
HSV (ou HSB) 122.4°, 65.2%, 60.8%
RYB 21.2, 59.6, 60.8
Formato Cor
XYZ 15.9, 27.2, 9.6
CIELab 59.12, -48.52, 40.45
Decimal 3578682
Yxy 24.531, 0.301, 0.5271
YUV 113.743, 96.5423, 85.3873
CIELuv 56.6156, -44.0449, 55.5665
Web Safe 339933

Distribuição de #369b3a

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.

#369b3a

#369b3a
rgb(54,155,58)

#9b3698

#9b3698
rgb(155,54,152)

Cores triadicas

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

#3a369b

#3a369b
rgb(58,54,155)

#369b3a

#369b3a
rgb(54,155,58)

#9b3a36

#9b3a36
rgb(155,58,54)

Cores tetrádicas

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

#36659b

#36659b
rgb(54,101,155)

#369b3a

#369b3a
rgb(54,155,58)

#9b3698

#9b3698
rgb(155,54,152)

#9b6d36

#9b6d36
rgb(155,109,54)

Cores monocromáticas

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

#369b3a

#369b3a
rgb(54,155,58)

#7a9b7b

#7a9b7b
rgb(122,155,123)

#789b7a

#789b7a
rgb(120,155,122)

#779b78

#779b78
rgb(119,155,120)

#759b77

#759b77
rgb(117,155,119)

#749b75

#749b75
rgb(116,155,117)

Tons e Matizes de #369b3a

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

Matiz (adicionando branco)
#369b3a

#369b3a
rgb(54,155,58)

#5eaf61

#5eaf61
rgb(94,175,97)

#86c388

#86c388
rgb(134,195,136)

#aed7b0

#aed7b0
rgb(174,215,176)

#d6ebd7

#d6ebd7
rgb(214,235,215)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#369b3a

#369b3a
rgb(54,155,58)

#2b7c2e

#2b7c2e
rgb(43,124,46)

#205d22

#205d22
rgb(32,93,34)

#153d17

#153d17
rgb(21,61,23)

#0a1e0b

#0a1e0b
rgb(10,30,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #369b3a

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

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

Contraste

Branco e #369b3a
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 #369b3a
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 #369b3a

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

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

Este parágrafo tem fundo de cor #369b3a.

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

Este elemento tem uma cor de borda de #369b3a.

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

Cores alietórias

#fc97f5

#fc97f5
rgb(252,151,245)

#635d4e

#635d4e
rgb(99,93,78)

#e01c04

#e01c04
rgb(224,28,4)

#6fefdd

#6fefdd
rgb(111,239,221)

#d7483d

#d7483d
rgb(215,72,61)

#05a3e0

#05a3e0
rgb(5,163,224)

#8e2f35

#8e2f35
rgb(142,47,53)

#580bc5

#580bc5
rgb(88,11,197)

#008a62

#008a62
rgb(0,138,98)

#c04d61

#c04d61
rgb(192,77,97)

#7ee1bd

#7ee1bd
rgb(126,225,189)

#7e5269

#7e5269
rgb(126,82,105)