Informação da cor #3a4e07

A cor hexadecimal 3a4e07 no modelo de cores RGB (Red, Green, Blue), é um composta por 58 de vermelho, 78 de verde e 7 de azul.

No padrão de cores CMYK, é composto por 25.6% de ciano, 0% de magenta, 91% de amarelo e 69.4% de preto. Tem um ângulo de matiz de 76.9 graus, uma saturação de 83.5% e uma leveza de 16.7%.

A cor mais próxima WebSafe é 333300.

Conversões de #3a4e07 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 3a4e07
RGB 58, 78, 7
RGB Percentagem 22.7%, 30.6%, 2.7%
CMYK 0.26, 0, 0.91, 0.69
HSL 76.9°, 83.5%, 16.7%
HSV (ou HSB) 76.9°, 91%, 30.6%
RYB 2.7, 30.6, 10.6
Formato Cor
XYZ 5.7, 7.9, 1.4
CIELab 33.86, -19.35, 38.73
Decimal 3821063
Yxy 6.3636, 0.3737, 0.5275
YUV 63.926, 95.8747, 123.7732
CIELuv 30.3119, -9.3356, 33.4245
Web Safe 333300

Distribuição de #3a4e07

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.

#3a4e07

#3a4e07
rgb(58,78,7)

#1b084e

#1b084e
rgb(27,8,78)

Cores triadicas

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

#083b4e

#083b4e
rgb(8,59,78)

#3a4e07

#3a4e07
rgb(58,78,7)

#4e083b

#4e083b
rgb(78,8,59)

Cores tetrádicas

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

#084e3f

#084e3f
rgb(8,78,63)

#3a4e07

#3a4e07
rgb(58,78,7)

#1b084e

#1b084e
rgb(27,8,78)

#4e0817

#4e0817
rgb(78,8,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.

#3a4e07

#3a4e07
rgb(58,78,7)

#4a4e3d

#4a4e3d
rgb(74,78,61)

#494e3d

#494e3d
rgb(73,78,61)

#494e3c

#494e3c
rgb(73,78,60)

#494e3b

#494e3b
rgb(73,78,59)

#494e3a

#494e3a
rgb(73,78,58)

Tons e Matizes de #3a4e07

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

Matiz (adicionando branco)
#3a4e07

#3a4e07
rgb(58,78,7)

#617138

#617138
rgb(97,113,56)

#88946a

#88946a
rgb(136,148,106)

#b0b89b

#b0b89b
rgb(176,184,155)

#d7dbcd

#d7dbcd
rgb(215,219,205)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#3a4e07

#3a4e07
rgb(58,78,7)

#2e3e05

#2e3e05
rgb(46,62,5)

#222e04

#222e04
rgb(34,46,4)

#171f02

#171f02
rgb(23,31,2)

#0b0f01

#0b0f01
rgb(11,15,1)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #3a4e07

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

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

Contraste

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

Preto e #3a4e07
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.

Exemplos CSS

Texto com cor hexadecimal #3a4e07

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

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

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

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

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

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

Cores alietórias

#3962d0

#3962d0
rgb(57,98,208)

#45c605

#45c605
rgb(69,198,5)

#8a719e

#8a719e
rgb(138,113,158)

#821ecf

#821ecf
rgb(130,30,207)

#8da64e

#8da64e
rgb(141,166,78)

#19e8a3

#19e8a3
rgb(25,232,163)

#16694a

#16694a
rgb(22,105,74)

#6ab5f7

#6ab5f7
rgb(106,181,247)

#acf31c

#acf31c
rgb(172,243,28)

#45aa91

#45aa91
rgb(69,170,145)

#7b449f

#7b449f
rgb(123,68,159)

#a2a21d

#a2a21d
rgb(162,162,29)