Informação da cor #7af226

A cor hexadecimal 7af226 no modelo de cores RGB (Red, Green, Blue), é um composta por 122 de vermelho, 242 de verde e 38 de azul.

No padrão de cores CMYK, é composto por 49.6% de ciano, 0% de magenta, 84.3% de amarelo e 5.1% de preto. Tem um ângulo de matiz de 95.3 graus, uma saturação de 88.7% e uma leveza de 54.9%.

A cor mais próxima WebSafe é 66CC00.

Conversões de #7af226 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 7af226
RGB 122, 242, 38
RGB Percentagem 47.8%, 94.9%, 14.9%
CMYK 0.5, 0, 0.84, 0.05
HSL 95.3°, 88.7%, 54.9%
HSV (ou HSB) 95.3°, 84.3%, 94.9%
RYB 14.9, 94.9, 62
Formato Cor
XYZ 41.8, 69.1, 13.7
CIELab 86.54, -61.9, 76.63
Decimal 8057382
Yxy 67.7789, 0.3324, 0.5615
YUV 182.864, 46.2483, 84.5876
CIELuv 85.8958, -57.2687, 98.9808
Web Safe 66CC00

Distribuição de #7af226

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.

#7af226

#7af226
rgb(122,242,38)

#9f27f2

#9f27f2
rgb(159,39,242)

Cores triadicas

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

#277af2

#277af2
rgb(39,122,242)

#7af226

#7af226
rgb(122,242,38)

#f2277a

#f2277a
rgb(242,39,122)

Cores tetrádicas

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

#27e0f2

#27e0f2
rgb(39,224,242)

#7af226

#7af226
rgb(122,242,38)

#9f27f2

#9f27f2
rgb(159,39,242)

#f23927

#f23927
rgb(242,57,39)

Cores monocromáticas

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

#7af226

#7af226
rgb(122,242,38)

#d3f2be

#d3f2be
rgb(211,242,190)

#d2f2bb

#d2f2bb
rgb(210,242,187)

#d1f2b9

#d1f2b9
rgb(209,242,185)

#cff2b6

#cff2b6
rgb(207,242,182)

#cef2b4

#cef2b4
rgb(206,242,180)

Tons e Matizes de #7af226

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

Matiz (adicionando branco)
#7af226

#7af226
rgb(122,242,38)

#94f451

#94f451
rgb(148,244,81)

#aff77c

#aff77c
rgb(175,247,124)

#c9f9a8

#c9f9a8
rgb(201,249,168)

#e4fcd3

#e4fcd3
rgb(228,252,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#7af226

#7af226
rgb(122,242,38)

#61c11e

#61c11e
rgb(97,193,30)

#499116

#499116
rgb(73,145,22)

#30600f

#30600f
rgb(48,96,15)

#183007

#183007
rgb(24,48,7)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #7af226

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

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

Contraste

Branco e #7af226
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 #7af226
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 #7af226

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

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

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

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

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

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

Cores alietórias

#780287

#780287
rgb(120,2,135)

#b4ebb8

#b4ebb8
rgb(180,235,184)

#507ea4

#507ea4
rgb(80,126,164)

#d7a356

#d7a356
rgb(215,163,86)

#880410

#880410
rgb(136,4,16)

#d7b87e

#d7b87e
rgb(215,184,126)

#0b58ae

#0b58ae
rgb(11,88,174)

#e43dd8

#e43dd8
rgb(228,61,216)

#5b2e5c

#5b2e5c
rgb(91,46,92)

#41b0ed

#41b0ed
rgb(65,176,237)

#8e7532

#8e7532
rgb(142,117,50)

#ce9fb8

#ce9fb8
rgb(206,159,184)