Informação da cor #31d33d

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

No padrão de cores CMYK, é composto por 76.8% de ciano, 0% de magenta, 71.1% de amarelo e 17.3% de preto. Tem um ângulo de matiz de 124.4 graus, uma saturação de 64.8% e uma leveza de 51%.

A cor mais próxima WebSafe é 00CC33.

Conversões de #31d33d 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 31d33d
RGB 49, 211, 61
RGB Percentagem 19.2%, 82.7%, 23.9%
CMYK 0.77, 0, 0.71, 0.17
HSL 124.4°, 64.8%, 51%
HSV (ou HSB) 124.4°, 76.8%, 82.8%
RYB 19.2, 78.4, 82.7
Formato Cor
XYZ 26.9, 49.6, 13.9
CIELab 75.82, -67.4, 57.72
Decimal 3265341
Yxy 47.5754, 0.298, 0.5582
YUV 145.462, 80.3352, 59.1968
CIELuv 74.5563, -64.8142, 81.0059
Web Safe 00CC33

Distribuição de #31d33d

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.

#31d33d

#31d33d
rgb(49,211,61)

#d332c8

#d332c8
rgb(211,50,200)

Cores triadicas

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

#3d32d3

#3d32d3
rgb(61,50,211)

#31d33d

#31d33d
rgb(49,211,61)

#d33d32

#d33d32
rgb(211,61,50)

Cores tetrádicas

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

#3277d3

#3277d3
rgb(50,119,211)

#31d33d

#31d33d
rgb(49,211,61)

#d332c8

#d332c8
rgb(211,50,200)

#d38e32

#d38e32
rgb(211,142,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.

#31d33d

#31d33d
rgb(49,211,61)

#a6d3a9

#a6d3a9
rgb(166,211,169)

#a3d3a7

#a3d3a7
rgb(163,211,167)

#a1d3a5

#a1d3a5
rgb(161,211,165)

#9fd3a3

#9fd3a3
rgb(159,211,163)

#9dd3a1

#9dd3a1
rgb(157,211,161)

Tons e Matizes de #31d33d

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

Matiz (adicionando branco)
#31d33d

#31d33d
rgb(49,211,61)

#5adb63

#5adb63
rgb(90,219,99)

#83e48a

#83e48a
rgb(131,228,138)

#acedb1

#acedb1
rgb(172,237,177)

#d5f6d8

#d5f6d8
rgb(213,246,216)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#31d33d

#31d33d
rgb(49,211,61)

#27a830

#27a830
rgb(39,168,48)

#1d7e24

#1d7e24
rgb(29,126,36)

#135418

#135418
rgb(19,84,24)

#092a0c

#092a0c
rgb(9,42,12)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #31d33d

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

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

Contraste

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

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

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

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

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

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

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

Cores alietórias

#f42561

#f42561
rgb(244,37,97)

#1a1060

#1a1060
rgb(26,16,96)

#3885a6

#3885a6
rgb(56,133,166)

#8a1a66

#8a1a66
rgb(138,26,102)

#ef486e

#ef486e
rgb(239,72,110)

#27e60e

#27e60e
rgb(39,230,14)

#ac7279

#ac7279
rgb(172,114,121)

#e8c42f

#e8c42f
rgb(232,196,47)

#12ce48

#12ce48
rgb(18,206,72)

#0a9a6f

#0a9a6f
rgb(10,154,111)

#c76532

#c76532
rgb(199,101,50)

#e73423

#e73423
rgb(231,52,35)