Informação da cor #75a224

A cor hexadecimal 75a224 no modelo de cores RGB (Red, Green, Blue), é um composta por 117 de vermelho, 162 de verde e 36 de azul.

No padrão de cores CMYK, é composto por 27.8% de ciano, 0% de magenta, 77.8% de amarelo e 36.5% de preto. Tem um ângulo de matiz de 81.4 graus, uma saturação de 63.6% e uma leveza de 38.8%.

A cor mais próxima WebSafe é 669900.

Conversões de #75a224 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 75a224
RGB 117, 162, 36
RGB Percentagem 45.9%, 63.5%, 14.1%
CMYK 0.28, 0, 0.78, 0.36
HSL 81.4°, 63.6%, 38.8%
HSV (ou HSB) 81.4°, 77.8%, 63.5%
RYB 14.1, 63.5, 31.8
Formato Cor
XYZ 23, 32.7, 7.4
CIELab 63.9, -32.89, 56.02
Decimal 7709220
Yxy 29.7495, 0.3632, 0.5251
YUV 134.181, 72.5931, 115.7453
CIELuv 61.4375, -22.7054, 66.1386
Web Safe 669900

Distribuição de #75a224

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.

#75a224

#75a224
rgb(117,162,36)

#5224a2

#5224a2
rgb(82,36,162)

Cores triadicas

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

#2475a2

#2475a2
rgb(36,117,162)

#75a224

#75a224
rgb(117,162,36)

#a22475

#a22475
rgb(162,36,117)

Cores tetrádicas

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

#24a291

#24a291
rgb(36,162,145)

#75a224

#75a224
rgb(117,162,36)

#5224a2

#5224a2
rgb(82,36,162)

#a22436

#a22436
rgb(162,36,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.

#75a224

#75a224
rgb(117,162,36)

#96a27f

#96a27f
rgb(150,162,127)

#95a27e

#95a27e
rgb(149,162,126)

#95a27c

#95a27c
rgb(149,162,124)

#94a27a

#94a27a
rgb(148,162,122)

#94a279

#94a279
rgb(148,162,121)

Tons e Matizes de #75a224

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

Matiz (adicionando branco)
#75a224

#75a224
rgb(117,162,36)

#90b44f

#90b44f
rgb(144,180,79)

#acc77b

#acc77b
rgb(172,199,123)

#c7d9a7

#c7d9a7
rgb(199,217,167)

#e3ecd3

#e3ecd3
rgb(227,236,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#75a224

#75a224
rgb(117,162,36)

#5d811c

#5d811c
rgb(93,129,28)

#466115

#466115
rgb(70,97,21)

#2e400e

#2e400e
rgb(46,64,14)

#172007

#172007
rgb(23,32,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #75a224

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

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

Contraste

Branco e #75a224
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 #75a224
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 #75a224

Este exemplo mostra como o texto na cor #75a224 se parece.

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

Este parágrafo tem fundo de cor #75a224.

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

Este elemento tem uma cor de borda de #75a224.

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

Cores alietórias

#fa8851

#fa8851
rgb(250,136,81)

#134c68

#134c68
rgb(19,76,104)

#ccc7a4

#ccc7a4
rgb(204,199,164)

#3e8bb6

#3e8bb6
rgb(62,139,182)

#a96109

#a96109
rgb(169,97,9)

#f5b179

#f5b179
rgb(245,177,121)

#a26fa4

#a26fa4
rgb(162,111,164)

#758344

#758344
rgb(117,131,68)

#e87a8a

#e87a8a
rgb(232,122,138)

#55bdfd

#55bdfd
rgb(85,189,253)

#32a0f3

#32a0f3
rgb(50,160,243)

#1eee23

#1eee23
rgb(30,238,35)