Informação da cor #38a166

A cor hexadecimal 38a166 no modelo de cores RGB (Red, Green, Blue), é um composta por 56 de vermelho, 161 de verde e 102 de azul.

No padrão de cores CMYK, é composto por 65.2% de ciano, 0% de magenta, 36.6% de amarelo e 36.9% de preto. Tem um ângulo de matiz de 146.3 graus, uma saturação de 48.4% e uma leveza de 42.6%.

A cor mais próxima WebSafe é 339966.

Conversões de #38a166 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 38a166
RGB 56, 161, 102
RGB Percentagem 22%, 63.1%, 40%
CMYK 0.65, 0, 0.37, 0.37
HSL 146.3°, 48.4%, 42.6%
HSV (ou HSB) 146.3°, 65.2%, 63.1%
RYB 22, 51, 63.1
Formato Cor
XYZ 18.9, 30, 19.7
CIELab 61.67, -43.13, 20.85
Decimal 3711334
Yxy 27.2881, 0.2749, 0.4473
YUV 122.879, 116.2173, 80.2974
CIELuv 59.24, -44.0305, 35.8803
Web Safe 339966

Distribuição de #38a166

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.

#38a166

#38a166
rgb(56,161,102)

#a13874

#a13874
rgb(161,56,116)

Cores triadicas

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

#6638a1

#6638a1
rgb(102,56,161)

#38a166

#38a166
rgb(56,161,102)

#a16638

#a16638
rgb(161,102,56)

Cores tetrádicas

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

#383fa1

#383fa1
rgb(56,63,161)

#38a166

#38a166
rgb(56,161,102)

#a13874

#a13874
rgb(161,56,116)

#a19b38

#a19b38
rgb(161,155,56)

Cores monocromáticas

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

#38a166

#38a166
rgb(56,161,102)

#7fa18e

#7fa18e
rgb(127,161,142)

#7da18d

#7da18d
rgb(125,161,141)

#7ba18c

#7ba18c
rgb(123,161,140)

#7aa18b

#7aa18b
rgb(122,161,139)

#78a18a

#78a18a
rgb(120,161,138)

Tons e Matizes de #38a166

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

Matiz (adicionando branco)
#38a166

#38a166
rgb(56,161,102)

#5fb384

#5fb384
rgb(95,179,132)

#87c6a3

#87c6a3
rgb(135,198,163)

#afd9c1

#afd9c1
rgb(175,217,193)

#d7ece0

#d7ece0
rgb(215,236,224)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#38a166

#38a166
rgb(56,161,102)

#2c8051

#2c8051
rgb(44,128,81)

#21603d

#21603d
rgb(33,96,61)

#164028

#164028
rgb(22,64,40)

#0b2014

#0b2014
rgb(11,32,20)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #38a166

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

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

Contraste

Branco e #38a166
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 #38a166
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 #38a166

Este exemplo mostra como o texto na cor #38a166 se parece.

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

Este parágrafo tem fundo de cor #38a166.

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

Este elemento tem uma cor de borda de #38a166.

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

Cores alietórias

#9e3b7e

#9e3b7e
rgb(158,59,126)

#8ae1e5

#8ae1e5
rgb(138,225,229)

#7ba5bb

#7ba5bb
rgb(123,165,187)

#fdc5f1

#fdc5f1
rgb(253,197,241)

#a2befe

#a2befe
rgb(162,190,254)

#32f1e7

#32f1e7
rgb(50,241,231)

#e748b1

#e748b1
rgb(231,72,177)

#1803b3

#1803b3
rgb(24,3,179)

#4d4f41

#4d4f41
rgb(77,79,65)

#2000c0

#2000c0
rgb(32,0,192)

#a02379

#a02379
rgb(160,35,121)

#967728

#967728
rgb(150,119,40)