Informação da cor #31e7b4

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

No padrão de cores CMYK, é composto por 78.8% de ciano, 0% de magenta, 22.1% de amarelo e 9.4% de preto. Tem um ângulo de matiz de 163.2 graus, uma saturação de 79.1% e uma leveza de 54.9%.

A cor mais próxima WebSafe é 00CC99.

Conversões de #31e7b4 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 31e7b4
RGB 49, 231, 180
RGB Percentagem 19.2%, 90.6%, 70.6%
CMYK 0.79, 0, 0.22, 0.09
HSL 163.2°, 79.1%, 54.9%
HSV (ou HSB) 163.2°, 78.8%, 90.6%
RYB 19.2, 60.8, 90.6
Formato Cor
XYZ 39.6, 62.6, 56.1
CIELab 83.24, -54.32, 10.78
Decimal 3270580
Yxy 61.0953, 0.2503, 0.4016
YUV 170.768, 133.21, 41.1469
CIELuv 82.43, -65.4148, 27.3563
Web Safe 00CC99

Distribuição de #31e7b4

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.

#31e7b4

#31e7b4
rgb(49,231,180)

#e73264

#e73264
rgb(231,50,100)

Cores triadicas

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

#b532e7

#b532e7
rgb(181,50,231)

#31e7b4

#31e7b4
rgb(49,231,180)

#e7b532

#e7b532
rgb(231,181,50)

Cores tetrádicas

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

#5a32e7

#5a32e7
rgb(90,50,231)

#31e7b4

#31e7b4
rgb(49,231,180)

#e73264

#e73264
rgb(231,50,100)

#bfe732

#bfe732
rgb(191,231,50)

Cores monocromáticas

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

#31e7b4

#31e7b4
rgb(49,231,180)

#b5e7d9

#b5e7d9
rgb(181,231,217)

#b3e7d9

#b3e7d9
rgb(179,231,217)

#b1e7d8

#b1e7d8
rgb(177,231,216)

#aee7d7

#aee7d7
rgb(174,231,215)

#ace7d7

#ace7d7
rgb(172,231,215)

Tons e Matizes de #31e7b4

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

Matiz (adicionando branco)
#31e7b4

#31e7b4
rgb(49,231,180)

#5aebc3

#5aebc3
rgb(90,235,195)

#83f0d2

#83f0d2
rgb(131,240,210)

#acf5e1

#acf5e1
rgb(172,245,225)

#d5faf0

#d5faf0
rgb(213,250,240)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#31e7b4

#31e7b4
rgb(49,231,180)

#27b890

#27b890
rgb(39,184,144)

#1d8a6c

#1d8a6c
rgb(29,138,108)

#135c47

#135c47
rgb(19,92,71)

#092e23

#092e23
rgb(9,46,35)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #31e7b4

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#aa73dd

#aa73dd
rgb(170,115,221)

#8af88e

#8af88e
rgb(138,248,142)

#5b74b6

#5b74b6
rgb(91,116,182)

#eb33cf

#eb33cf
rgb(235,51,207)

#8189b4

#8189b4
rgb(129,137,180)

#9e4a1e

#9e4a1e
rgb(158,74,30)

#e31917

#e31917
rgb(227,25,23)

#658b03

#658b03
rgb(101,139,3)

#3dc211

#3dc211
rgb(61,194,17)

#5859a9

#5859a9
rgb(88,89,169)

#9002d4

#9002d4
rgb(144,2,212)

#1a3aae

#1a3aae
rgb(26,58,174)