Informação da cor #27a871

A cor hexadecimal 27a871 no modelo de cores RGB (Red, Green, Blue), é um composta por 39 de vermelho, 168 de verde e 113 de azul.

No padrão de cores CMYK, é composto por 76.8% de ciano, 0% de magenta, 32.7% de amarelo e 34.1% de preto. Tem um ângulo de matiz de 154.4 graus, uma saturação de 62.3% e uma leveza de 40.6%.

A cor mais próxima WebSafe é 009966.

Conversões de #27a871 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 27a871
RGB 39, 168, 113
RGB Percentagem 15.3%, 65.9%, 44.3%
CMYK 0.77, 0, 0.33, 0.34
HSL 154.4°, 62.3%, 40.6%
HSV (ou HSB) 154.4°, 76.8%, 65.9%
RYB 15.3, 47.5, 65.9
Formato Cor
XYZ 19.8, 32.3, 23.3
CIELab 63.56, -46.72, 17.49
Decimal 2599025
Yxy 29.6267, 0.2626, 0.4367
YUV 123.159, 122.2669, 67.9722
CIELuv 61.3308, -49.171, 32.7589
Web Safe 009966

Distribuição de #27a871

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.

#27a871

#27a871
rgb(39,168,113)

#a8285f

#a8285f
rgb(168,40,95)

Cores triadicas

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

#7128a8

#7128a8
rgb(113,40,168)

#27a871

#27a871
rgb(39,168,113)

#a87128

#a87128
rgb(168,113,40)

Cores tetrádicas

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

#3128a8

#3128a8
rgb(49,40,168)

#27a871

#27a871
rgb(39,168,113)

#a8285f

#a8285f
rgb(168,40,95)

#9fa828

#9fa828
rgb(159,168,40)

Cores monocromáticas

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

#27a871

#27a871
rgb(39,168,113)

#84a899

#84a899
rgb(132,168,153)

#82a898

#82a898
rgb(130,168,152)

#81a897

#81a897
rgb(129,168,151)

#7fa897

#7fa897
rgb(127,168,151)

#7da896

#7da896
rgb(125,168,150)

Tons e Matizes de #27a871

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

Matiz (adicionando branco)
#27a871

#27a871
rgb(39,168,113)

#52b98d

#52b98d
rgb(82,185,141)

#7dcaa9

#7dcaa9
rgb(125,202,169)

#a8dcc6

#a8dcc6
rgb(168,220,198)

#d3ede2

#d3ede2
rgb(211,237,226)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#27a871

#27a871
rgb(39,168,113)

#1f865a

#1f865a
rgb(31,134,90)

#176443

#176443
rgb(23,100,67)

#0f432d

#0f432d
rgb(15,67,45)

#072116

#072116
rgb(7,33,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #27a871

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

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

Contraste

Branco e #27a871
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 #27a871
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 #27a871

Este exemplo mostra como o texto na cor #27a871 se parece.

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

Este parágrafo tem fundo de cor #27a871.

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

Este elemento tem uma cor de borda de #27a871.

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

Cores alietórias

#ce0083

#ce0083
rgb(206,0,131)

#defe6c

#defe6c
rgb(222,254,108)

#8c35ad

#8c35ad
rgb(140,53,173)

#86e011

#86e011
rgb(134,224,17)

#a73e3b

#a73e3b
rgb(167,62,59)

#de16a9

#de16a9
rgb(222,22,169)

#323020

#323020
rgb(50,48,32)

#f5d696

#f5d696
rgb(245,214,150)

#48cebb

#48cebb
rgb(72,206,187)

#1914b6

#1914b6
rgb(25,20,182)

#cfcf4e

#cfcf4e
rgb(207,207,78)

#076605

#076605
rgb(7,102,5)