Informação da cor #369b06

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

No padrão de cores CMYK, é composto por 65.2% de ciano, 0% de magenta, 96.1% de amarelo e 39.2% de preto. Tem um ângulo de matiz de 100.7 graus, uma saturação de 92.6% e uma leveza de 31.6%.

A cor mais próxima WebSafe é 339900.

Conversões de #369b06 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 369b06
RGB 54, 155, 6
RGB Percentagem 21.2%, 60.8%, 2.4%
CMYK 0.65, 0, 0.96, 0.39
HSL 100.7°, 92.6%, 31.6%
HSV (ou HSB) 100.7°, 96.1%, 60.8%
RYB 2.4, 60.8, 42
Formato Cor
XYZ 14.9, 26.8, 4.6
CIELab 58.76, -52.66, 59.48
Decimal 3578630
Yxy 24.2388, 0.3186, 0.5818
YUV 107.815, 70.5423, 89.6155
CIELuv 56.3261, -44.9928, 67.3741
Web Safe 339900

Distribuição de #369b06

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.

#369b06

#369b06
rgb(54,155,6)

#6c069b

#6c069b
rgb(108,6,155)

Cores triadicas

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

#06369b

#06369b
rgb(6,54,155)

#369b06

#369b06
rgb(54,155,6)

#9b0636

#9b0636
rgb(155,6,54)

Cores tetrádicas

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

#06819b

#06819b
rgb(6,129,155)

#369b06

#369b06
rgb(54,155,6)

#6c069b

#6c069b
rgb(108,6,155)

#9b2106

#9b2106
rgb(155,33,6)

Cores monocromáticas

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

#369b06

#369b06
rgb(54,155,6)

#849b79

#849b79
rgb(132,155,121)

#839b78

#839b78
rgb(131,155,120)

#829b76

#829b76
rgb(130,155,118)

#819b75

#819b75
rgb(129,155,117)

#809b73

#809b73
rgb(128,155,115)

Tons e Matizes de #369b06

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

Matiz (adicionando branco)
#369b06

#369b06
rgb(54,155,6)

#5eaf37

#5eaf37
rgb(94,175,55)

#86c369

#86c369
rgb(134,195,105)

#aed79b

#aed79b
rgb(174,215,155)

#d6ebcd

#d6ebcd
rgb(214,235,205)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#369b06

#369b06
rgb(54,155,6)

#2b7c04

#2b7c04
rgb(43,124,4)

#205d03

#205d03
rgb(32,93,3)

#153d02

#153d02
rgb(21,61,2)

#0a1e01

#0a1e01
rgb(10,30,1)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #369b06

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#53f205

#53f205
rgb(83,242,5)

#34385d

#34385d
rgb(52,56,93)

#d1faf7

#d1faf7
rgb(209,250,247)

#42b292

#42b292
rgb(66,178,146)

#455940

#455940
rgb(69,89,64)

#d373f8

#d373f8
rgb(211,115,248)

#a2de6a

#a2de6a
rgb(162,222,106)

#baa06c

#baa06c
rgb(186,160,108)

#91d9f3

#91d9f3
rgb(145,217,243)

#2f1191

#2f1191
rgb(47,17,145)

#0acd13

#0acd13
rgb(10,205,19)

#940f11

#940f11
rgb(148,15,17)