Informação da cor #31d973

A cor hexadecimal 31d973 no modelo de cores RGB (Red, Green, Blue), é um composta por 49 de vermelho, 217 de verde e 115 de azul.

No padrão de cores CMYK, é composto por 77.4% de ciano, 0% de magenta, 47% de amarelo e 14.9% de preto. Tem um ângulo de matiz de 143.6 graus, uma saturação de 68.9% e uma leveza de 52.2%.

A cor mais próxima WebSafe é 00CC66.

Conversões de #31d973 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 31d973
RGB 49, 217, 115
RGB Percentagem 19.2%, 85.1%, 45.1%
CMYK 0.77, 0, 0.47, 0.15
HSL 143.6°, 68.9%, 52.2%
HSV (ou HSB) 143.6°, 77.4%, 85.1%
RYB 19.2, 66.7, 85.1
Formato Cor
XYZ 30.9, 53.5, 27.5
CIELab 78.15, -62.18, 35.94
Decimal 3266931
Yxy 51.513, 0.277, 0.4892
YUV 155.14, 105.3476, 52.2938
CIELuv 76.9887, -64.6512, 61.1208
Web Safe 00CC66

Distribuição de #31d973

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.

#31d973

#31d973
rgb(49,217,115)

#d93198

#d93198
rgb(217,49,152)

Cores triadicas

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

#7331d9

#7331d9
rgb(115,49,217)

#31d973

#31d973
rgb(49,217,115)

#d97331

#d97331
rgb(217,115,49)

Cores tetrádicas

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

#3144d9

#3144d9
rgb(49,68,217)

#31d973

#31d973
rgb(49,217,115)

#d93198

#d93198
rgb(217,49,152)

#d9c731

#d9c731
rgb(217,199,49)

Cores monocromáticas

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

#31d973

#31d973
rgb(49,217,115)

#aad9bd

#aad9bd
rgb(170,217,189)

#a8d9bb

#a8d9bb
rgb(168,217,187)

#a6d9ba

#a6d9ba
rgb(166,217,186)

#a4d9b9

#a4d9b9
rgb(164,217,185)

#a2d9b8

#a2d9b8
rgb(162,217,184)

Tons e Matizes de #31d973

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

Matiz (adicionando branco)
#31d973

#31d973
rgb(49,217,115)

#5ae08f

#5ae08f
rgb(90,224,143)

#83e8ab

#83e8ab
rgb(131,232,171)

#acefc7

#acefc7
rgb(172,239,199)

#d5f7e3

#d5f7e3
rgb(213,247,227)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#31d973

#31d973
rgb(49,217,115)

#27ad5c

#27ad5c
rgb(39,173,92)

#1d8245

#1d8245
rgb(29,130,69)

#13562d

#13562d
rgb(19,86,45)

#092b16

#092b16
rgb(9,43,22)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #31d973

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

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

Contraste

Branco e #31d973
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 #31d973
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 #31d973

Este exemplo mostra como o texto na cor #31d973 se parece.

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

Este parágrafo tem fundo de cor #31d973.

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

Este elemento tem uma cor de borda de #31d973.

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

Cores alietórias

#7a284e

#7a284e
rgb(122,40,78)

#497112

#497112
rgb(73,113,18)

#60e036

#60e036
rgb(96,224,54)

#ca5bc5

#ca5bc5
rgb(202,91,197)

#4dd45c

#4dd45c
rgb(77,212,92)

#98ef93

#98ef93
rgb(152,239,147)

#492c2f

#492c2f
rgb(73,44,47)

#48f757

#48f757
rgb(72,247,87)

#92f08f

#92f08f
rgb(146,240,143)

#cea0af

#cea0af
rgb(206,160,175)

#5b15c5

#5b15c5
rgb(91,21,197)

#6743f4

#6743f4
rgb(103,67,244)