Informação da cor #7da222

A cor hexadecimal 7da222 no modelo de cores RGB (Red, Green, Blue), é um composta por 125 de vermelho, 162 de verde e 34 de azul.

No padrão de cores CMYK, é composto por 22.8% de ciano, 0% de magenta, 79% de amarelo e 36.5% de preto. Tem um ângulo de matiz de 77.3 graus, uma saturação de 65.3% e uma leveza de 38.4%.

A cor mais próxima WebSafe é 669900.

Conversões de #7da222 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 7da222
RGB 125, 162, 34
RGB Percentagem 49%, 63.5%, 13.3%
CMYK 0.23, 0, 0.79, 0.36
HSL 77.3°, 65.3%, 38.4%
HSV (ou HSB) 77.3°, 79%, 63.5%
RYB 13.3, 63.5, 27.8
Formato Cor
XYZ 24.1, 33.3, 7.3
CIELab 64.38, -29.89, 57.39
Decimal 8233506
Yxy 30.3159, 0.3722, 0.5208
YUV 136.345, 70.2432, 119.9079
CIELuv 61.9258, -18.3399, 66.6399
Web Safe 669900

Distribuição de #7da222

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.

#7da222

#7da222
rgb(125,162,34)

#4723a2

#4723a2
rgb(71,35,162)

Cores triadicas

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

#237da2

#237da2
rgb(35,125,162)

#7da222

#7da222
rgb(125,162,34)

#a2237d

#a2237d
rgb(162,35,125)

Cores tetrádicas

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

#23a287

#23a287
rgb(35,162,135)

#7da222

#7da222
rgb(125,162,34)

#4723a2

#4723a2
rgb(71,35,162)

#a2233d

#a2233d
rgb(162,35,61)

Cores monocromáticas

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

#7da222

#7da222
rgb(125,162,34)

#98a27f

#98a27f
rgb(152,162,127)

#98a27e

#98a27e
rgb(152,162,126)

#97a27c

#97a27c
rgb(151,162,124)

#97a27a

#97a27a
rgb(151,162,122)

#96a279

#96a279
rgb(150,162,121)

Tons e Matizes de #7da222

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

Matiz (adicionando branco)
#7da222

#7da222
rgb(125,162,34)

#97b44e

#97b44e
rgb(151,180,78)

#b1c77a

#b1c77a
rgb(177,199,122)

#cbd9a6

#cbd9a6
rgb(203,217,166)

#e5ecd2

#e5ecd2
rgb(229,236,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7da222

#7da222
rgb(125,162,34)

#64811b

#64811b
rgb(100,129,27)

#4b6114

#4b6114
rgb(75,97,20)

#31400d

#31400d
rgb(49,64,13)

#182006

#182006
rgb(24,32,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7da222

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

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

Contraste

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

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

Exemplos CSS

Texto com cor hexadecimal #7da222

Este exemplo mostra como o texto na cor #7da222 se parece.

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

Este parágrafo tem fundo de cor #7da222.

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

Este elemento tem uma cor de borda de #7da222.

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

Cores alietórias

#5f7f40

#5f7f40
rgb(95,127,64)

#b29b81

#b29b81
rgb(178,155,129)

#21bf36

#21bf36
rgb(33,191,54)

#9f842b

#9f842b
rgb(159,132,43)

#150182

#150182
rgb(21,1,130)

#eec3f8

#eec3f8
rgb(238,195,248)

#d0944a

#d0944a
rgb(208,148,74)

#54dff2

#54dff2
rgb(84,223,242)

#88e3f4

#88e3f4
rgb(136,227,244)

#dddd51

#dddd51
rgb(221,221,81)

#0844a8

#0844a8
rgb(8,68,168)

#17ec53

#17ec53
rgb(23,236,83)