Informação da cor #37d885

A cor hexadecimal 37d885 no modelo de cores RGB (Red, Green, Blue), é um composta por 55 de vermelho, 216 de verde e 133 de azul.

No padrão de cores CMYK, é composto por 74.5% de ciano, 0% de magenta, 38.4% de amarelo e 15.3% de preto. Tem um ângulo de matiz de 149.1 graus, uma saturação de 67.4% e uma leveza de 53.1%.

A cor mais próxima WebSafe é 33CC66.

Conversões de #37d885 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 37d885
RGB 55, 216, 133
RGB Percentagem 21.6%, 84.7%, 52.2%
CMYK 0.75, 0, 0.38, 0.15
HSL 149.1°, 67.4%, 53.1%
HSV (ou HSB) 149.1°, 74.5%, 84.7%
RYB 21.6, 64.3, 84.7
Formato Cor
XYZ 32.2, 53.7, 33.7
CIELab 78.26, -57.79, 27.23
Decimal 3659909
Yxy 51.6138, 0.2698, 0.4587
YUV 158.399, 113.6665, 54.2489
CIELuv 77.0493, -62.4291, 50.0646
Web Safe 33CC66

Distribuição de #37d885

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.

#37d885

#37d885
rgb(55,216,133)

#d8378a

#d8378a
rgb(216,55,138)

Cores triadicas

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

#8637d8

#8637d8
rgb(134,55,216)

#37d885

#37d885
rgb(55,216,133)

#d88637

#d88637
rgb(216,134,55)

Cores tetrádicas

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

#373ad8

#373ad8
rgb(55,58,216)

#37d885

#37d885
rgb(55,216,133)

#d8378a

#d8378a
rgb(216,55,138)

#d8d637

#d8d637
rgb(216,214,55)

Cores monocromáticas

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

#37d885

#37d885
rgb(55,216,133)

#aad8c0

#aad8c0
rgb(170,216,192)

#a7d8bf

#a7d8bf
rgb(167,216,191)

#a5d8be

#a5d8be
rgb(165,216,190)

#a3d8bd

#a3d8bd
rgb(163,216,189)

#a1d8bc

#a1d8bc
rgb(161,216,188)

Tons e Matizes de #37d885

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

Matiz (adicionando branco)
#37d885

#37d885
rgb(55,216,133)

#5fdf9d

#5fdf9d
rgb(95,223,157)

#87e7b5

#87e7b5
rgb(135,231,181)

#afefce

#afefce
rgb(175,239,206)

#d7f7e6

#d7f7e6
rgb(215,247,230)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#37d885

#37d885
rgb(55,216,133)

#2cac6a

#2cac6a
rgb(44,172,106)

#21814f

#21814f
rgb(33,129,79)

#155635

#155635
rgb(21,86,53)

#0a2b1a

#0a2b1a
rgb(10,43,26)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #37d885

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

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

Contraste

Branco e #37d885
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 #37d885
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 #37d885

Este exemplo mostra como o texto na cor #37d885 se parece.

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

Este parágrafo tem fundo de cor #37d885.

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

Este elemento tem uma cor de borda de #37d885.

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

Cores alietórias

#390ebf

#390ebf
rgb(57,14,191)

#127fd4

#127fd4
rgb(18,127,212)

#8a8b34

#8a8b34
rgb(138,139,52)

#2a95af

#2a95af
rgb(42,149,175)

#e82cdf

#e82cdf
rgb(232,44,223)

#49371b

#49371b
rgb(73,55,27)

#afc7da

#afc7da
rgb(175,199,218)

#1409fa

#1409fa
rgb(20,9,250)

#5ce803

#5ce803
rgb(92,232,3)

#a489a0

#a489a0
rgb(164,137,160)

#d52f83

#d52f83
rgb(213,47,131)

#43f778

#43f778
rgb(67,247,120)