Informação da cor #1f935d

A cor hexadecimal 1f935d no modelo de cores RGB (Red, Green, Blue), é um composta por 31 de vermelho, 147 de verde e 93 de azul.

No padrão de cores CMYK, é composto por 78.9% de ciano, 0% de magenta, 36.7% de amarelo e 42.4% de preto. Tem um ângulo de matiz de 152.1 graus, uma saturação de 65.2% e uma leveza de 34.9%.

A cor mais próxima WebSafe é 006633.

Conversões de #1f935d 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 1f935d
RGB 31, 147, 93
RGB Percentagem 12.2%, 57.6%, 36.5%
CMYK 0.79, 0, 0.37, 0.42
HSL 152.1°, 65.2%, 34.9%
HSV (ou HSB) 152.1°, 78.9%, 57.7%
RYB 12.2, 42, 57.6
Formato Cor
XYZ 14.8, 24.5, 16.4
CIELab 56.58, -44.16, 18.72
Decimal 2069341
Yxy 21.9475, 0.2657, 0.4495
YUV 106.16, 120.5734, 74.3908
CIELuv 53.9712, -43.9695, 32.4051
Web Safe 006633

Distribuição de #1f935d

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.

#1f935d

#1f935d
rgb(31,147,93)

#931f55

#931f55
rgb(147,31,85)

Cores triadicas

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

#5e1f93

#5e1f93
rgb(94,31,147)

#1f935d

#1f935d
rgb(31,147,93)

#935e1f

#935e1f
rgb(147,94,31)

Cores tetrádicas

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

#241f93

#241f93
rgb(36,31,147)

#1f935d

#1f935d
rgb(31,147,93)

#931f55

#931f55
rgb(147,31,85)

#8f931f

#8f931f
rgb(143,147,31)

Cores monocromáticas

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

#1f935d

#1f935d
rgb(31,147,93)

#739385

#739385
rgb(115,147,133)

#729384

#729384
rgb(114,147,132)

#719383

#719383
rgb(113,147,131)

#6f9383

#6f9383
rgb(111,147,131)

#6e9382

#6e9382
rgb(110,147,130)

Tons e Matizes de #1f935d

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

Matiz (adicionando branco)
#1f935d

#1f935d
rgb(31,147,93)

#4ba87d

#4ba87d
rgb(75,168,125)

#78be9d

#78be9d
rgb(120,190,157)

#a5d3be

#a5d3be
rgb(165,211,190)

#d2e9de

#d2e9de
rgb(210,233,222)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#1f935d

#1f935d
rgb(31,147,93)

#18754a

#18754a
rgb(24,117,74)

#125837

#125837
rgb(18,88,55)

#0c3a25

#0c3a25
rgb(12,58,37)

#061d12

#061d12
rgb(6,29,18)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #1f935d

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

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

Contraste

Branco e #1f935d
Texto grande WCAG AA ✓ 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 #1f935d
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 #1f935d

Este exemplo mostra como o texto na cor #1f935d se parece.

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

Este parágrafo tem fundo de cor #1f935d.

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

Este elemento tem uma cor de borda de #1f935d.

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

Cores alietórias

#ba03cd

#ba03cd
rgb(186,3,205)

#0504d9

#0504d9
rgb(5,4,217)

#698af7

#698af7
rgb(105,138,247)

#b17d12

#b17d12
rgb(177,125,18)

#5b2773

#5b2773
rgb(91,39,115)

#8c9761

#8c9761
rgb(140,151,97)

#abaf21

#abaf21
rgb(171,175,33)

#9bc9cc

#9bc9cc
rgb(155,201,204)

#de72ca

#de72ca
rgb(222,114,202)

#5c7bd1

#5c7bd1
rgb(92,123,209)

#b8820b

#b8820b
rgb(184,130,11)

#0c7735

#0c7735
rgb(12,119,53)