Informação da cor #13a652

A cor hexadecimal 13a652 no modelo de cores RGB (Red, Green, Blue), é um composta por 19 de vermelho, 166 de verde e 82 de azul.

No padrão de cores CMYK, é composto por 88.6% de ciano, 0% de magenta, 50.6% de amarelo e 34.9% de preto. Tem um ângulo de matiz de 145.7 graus, uma saturação de 79.5% e uma leveza de 36.3%.

A cor mais próxima WebSafe é 009933.

Conversões de #13a652 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 13a652
RGB 19, 166, 82
RGB Percentagem 7.5%, 65.1%, 32.2%
CMYK 0.89, 0, 0.51, 0.35
HSL 145.7°, 79.5%, 36.3%
HSV (ou HSB) 145.7°, 88.6%, 65.1%
RYB 7.5, 47.8, 65.1
Formato Cor
XYZ 17.1, 30.5, 14.8
CIELab 62.09, -54.59, 31.82
Decimal 1287762
Yxy 28.0181, 0.2754, 0.5001
YUV 112.471, 110.8042, 61.3302
CIELuv 59.9051, -52.568, 50.0732
Web Safe 009933

Distribuição de #13a652

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.

#13a652

#13a652
rgb(19,166,82)

#a61367

#a61367
rgb(166,19,103)

Cores triadicas

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

#5313a6

#5313a6
rgb(83,19,166)

#13a652

#13a652
rgb(19,166,82)

#a65313

#a65313
rgb(166,83,19)

Cores tetrádicas

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

#131ea6

#131ea6
rgb(19,30,166)

#13a652

#13a652
rgb(19,166,82)

#a61367

#a61367
rgb(166,19,103)

#a69c13

#a69c13
rgb(166,156,19)

Cores monocromáticas

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

#13a652

#13a652
rgb(19,166,82)

#82a692

#82a692
rgb(130,166,146)

#81a691

#81a691
rgb(129,166,145)

#7fa690

#7fa690
rgb(127,166,144)

#7da68f

#7da68f
rgb(125,166,143)

#7ca68e

#7ca68e
rgb(124,166,142)

Tons e Matizes de #13a652

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

Matiz (adicionando branco)
#13a652

#13a652
rgb(19,166,82)

#42b774

#42b774
rgb(66,183,116)

#71c997

#71c997
rgb(113,201,151)

#a0dbb9

#a0dbb9
rgb(160,219,185)

#cfeddc

#cfeddc
rgb(207,237,220)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#13a652

#13a652
rgb(19,166,82)

#0f8441

#0f8441
rgb(15,132,65)

#0b6331

#0b6331
rgb(11,99,49)

#074220

#074220
rgb(7,66,32)

#032110

#032110
rgb(3,33,16)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #13a652

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

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

Contraste

Branco e #13a652
Texto grande WCAG AA ✓ 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 #13a652
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 #13a652

Este exemplo mostra como o texto na cor #13a652 se parece.

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

Este parágrafo tem fundo de cor #13a652.

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

Este elemento tem uma cor de borda de #13a652.

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

Cores alietórias

#338888

#338888
rgb(51,136,136)

#687f10

#687f10
rgb(104,127,16)

#8f3fe1

#8f3fe1
rgb(143,63,225)

#63e4d5

#63e4d5
rgb(99,228,213)

#292584

#292584
rgb(41,37,132)

#6df13f

#6df13f
rgb(109,241,63)

#f47457

#f47457
rgb(244,116,87)

#d0e487

#d0e487
rgb(208,228,135)

#2c76fa

#2c76fa
rgb(44,118,250)

#06f70e

#06f70e
rgb(6,247,14)

#766dcb

#766dcb
rgb(118,109,203)

#bdccc4

#bdccc4
rgb(189,204,196)