Informação da cor #68b720

A cor hexadecimal 68b720 no modelo de cores RGB (Red, Green, Blue), é um composta por 104 de vermelho, 183 de verde e 32 de azul.

No padrão de cores CMYK, é composto por 43.2% de ciano, 0% de magenta, 82.5% de amarelo e 28.2% de preto. Tem um ângulo de matiz de 91.4 graus, uma saturação de 70.2% e uma leveza de 42.2%.

A cor mais próxima WebSafe é 669900.

Conversões de #68b720 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 68b720
RGB 104, 183, 32
RGB Percentagem 40.8%, 71.8%, 12.5%
CMYK 0.43, 0, 0.83, 0.28
HSL 91.4°, 70.2%, 42.2%
HSV (ou HSB) 91.4°, 82.5%, 71.8%
RYB 12.5, 71.8, 43.5
Formato Cor
XYZ 25.1, 39.7, 8.3
CIELab 69.23, -46.48, 62.23
Decimal 6862624
Yxy 36.913, 0.3413, 0.5501
YUV 142.165, 65.8301, 100.7781
CIELuv 67.2117, -39.1093, 75.8348
Web Safe 669900

Distribuição de #68b720

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.

#68b720

#68b720
rgb(104,183,32)

#7020b7

#7020b7
rgb(112,32,183)

Cores triadicas

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

#2068b7

#2068b7
rgb(32,104,183)

#68b720

#68b720
rgb(104,183,32)

#b72068

#b72068
rgb(183,32,104)

Cores tetrádicas

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

#20b4b7

#20b4b7
rgb(32,180,183)

#68b720

#68b720
rgb(104,183,32)

#7020b7

#7020b7
rgb(112,32,183)

#b72420

#b72420
rgb(183,36,32)

Cores monocromáticas

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

#68b720

#68b720
rgb(104,183,32)

#a3b790

#a3b790
rgb(163,183,144)

#a2b78e

#a2b78e
rgb(162,183,142)

#a1b78c

#a1b78c
rgb(161,183,140)

#a0b78a

#a0b78a
rgb(160,183,138)

#9fb788

#9fb788
rgb(159,183,136)

Tons e Matizes de #68b720

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

Matiz (adicionando branco)
#68b720

#68b720
rgb(104,183,32)

#86c54c

#86c54c
rgb(134,197,76)

#a4d379

#a4d379
rgb(164,211,121)

#c2e2a5

#c2e2a5
rgb(194,226,165)

#e0f0d2

#e0f0d2
rgb(224,240,210)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#68b720

#68b720
rgb(104,183,32)

#539219

#539219
rgb(83,146,25)

#3e6d13

#3e6d13
rgb(62,109,19)

#29490c

#29490c
rgb(41,73,12)

#142406

#142406
rgb(20,36,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #68b720

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

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

Contraste

Branco e #68b720
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 #68b720
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 #68b720

Este exemplo mostra como o texto na cor #68b720 se parece.

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

Este parágrafo tem fundo de cor #68b720.

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

Este elemento tem uma cor de borda de #68b720.

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

Cores alietórias

#1b8d71

#1b8d71
rgb(27,141,113)

#1916c1

#1916c1
rgb(25,22,193)

#e25d34

#e25d34
rgb(226,93,52)

#bbe2ed

#bbe2ed
rgb(187,226,237)

#e75fb6

#e75fb6
rgb(231,95,182)

#e350a7

#e350a7
rgb(227,80,167)

#97cb53

#97cb53
rgb(151,203,83)

#f10657

#f10657
rgb(241,6,87)

#9411fc

#9411fc
rgb(148,17,252)

#6f6489

#6f6489
rgb(111,100,137)

#d712e0

#d712e0
rgb(215,18,224)

#6114ec

#6114ec
rgb(97,20,236)