Informação da cor #05ab6c

A cor hexadecimal 05ab6c no modelo de cores RGB (Red, Green, Blue), é um composta por 5 de vermelho, 171 de verde e 108 de azul.

No padrão de cores CMYK, é composto por 97.1% de ciano, 0% de magenta, 36.8% de amarelo e 32.9% de preto. Tem um ângulo de matiz de 157.2 graus, uma saturação de 94.3% e uma leveza de 34.5%.

A cor mais próxima WebSafe é 009966.

Conversões de #05ab6c 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 05ab6c
RGB 5, 171, 108
RGB Percentagem 2%, 67.1%, 42.4%
CMYK 0.97, 0, 0.37, 0.33
HSL 157.2°, 94.3%, 34.5%
HSV (ou HSB) 157.2°, 97.1%, 67.1%
RYB 2, 42.4, 67.1
Formato Cor
XYZ 18.9, 32.7, 21.9
CIELab 63.91, -52.46, 20.55
Decimal 371564
Yxy 30.2385, 0.2599, 0.4535
YUV 114.184, 124.5102, 50.1227
CIELuv 61.8594, -53.5631, 37.6895
Web Safe 009966

Distribuição de #05ab6c

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.

#05ab6c

#05ab6c
rgb(5,171,108)

#ab0545

#ab0545
rgb(171,5,69)

Cores triadicas

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

#6c05ab

#6c05ab
rgb(108,5,171)

#05ab6c

#05ab6c
rgb(5,171,108)

#ab6c05

#ab6c05
rgb(171,108,5)

Cores tetrádicas

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

#1905ab

#1905ab
rgb(25,5,171)

#05ab6c

#05ab6c
rgb(5,171,108)

#ab0545

#ab0545
rgb(171,5,69)

#98ab05

#98ab05
rgb(152,171,5)

Cores monocromáticas

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

#05ab6c

#05ab6c
rgb(5,171,108)

#86ab9d

#86ab9d
rgb(134,171,157)

#84ab9d

#84ab9d
rgb(132,171,157)

#83ab9c

#83ab9c
rgb(131,171,156)

#81ab9b

#81ab9b
rgb(129,171,155)

#7fab9b

#7fab9b
rgb(127,171,155)

Tons e Matizes de #05ab6c

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

Matiz (adicionando branco)
#05ab6c

#05ab6c
rgb(5,171,108)

#37bb89

#37bb89
rgb(55,187,137)

#69cca6

#69cca6
rgb(105,204,166)

#9bddc4

#9bddc4
rgb(155,221,196)

#cdeee1

#cdeee1
rgb(205,238,225)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#05ab6c

#05ab6c
rgb(5,171,108)

#048856

#048856
rgb(4,136,86)

#036640

#036640
rgb(3,102,64)

#01442b

#01442b
rgb(1,68,43)

#002215

#002215
rgb(0,34,21)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #05ab6c

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

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

Contraste

Branco e #05ab6c
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 #05ab6c
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 #05ab6c

Este exemplo mostra como o texto na cor #05ab6c se parece.

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

Este parágrafo tem fundo de cor #05ab6c.

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

Este elemento tem uma cor de borda de #05ab6c.

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

Cores alietórias

#bb9141

#bb9141
rgb(187,145,65)

#df77ee

#df77ee
rgb(223,119,238)

#7d2c2c

#7d2c2c
rgb(125,44,44)

#b5d230

#b5d230
rgb(181,210,48)

#d78cf9

#d78cf9
rgb(215,140,249)

#556830

#556830
rgb(85,104,48)

#44c423

#44c423
rgb(68,196,35)

#30faa2

#30faa2
rgb(48,250,162)

#aec4a8

#aec4a8
rgb(174,196,168)

#606314

#606314
rgb(96,99,20)

#563e47

#563e47
rgb(86,62,71)

#4b8d44

#4b8d44
rgb(75,141,68)