Informação da cor #198f46

A cor hexadecimal 198f46 no modelo de cores RGB (Red, Green, Blue), é um composta por 25 de vermelho, 143 de verde e 70 de azul.

No padrão de cores CMYK, é composto por 82.5% de ciano, 0% de magenta, 51% de amarelo e 43.9% de preto. Tem um ângulo de matiz de 142.9 graus, uma saturação de 70.2% e uma leveza de 32.9%.

A cor mais próxima WebSafe é 006633.

Conversões de #198f46 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 198f46
RGB 25, 143, 70
RGB Percentagem 9.8%, 56.1%, 27.5%
CMYK 0.83, 0, 0.51, 0.44
HSL 142.9°, 70.2%, 32.9%
HSV (ou HSB) 142.9°, 82.5%, 56.1%
RYB 9.8, 43.5, 56.1
Formato Cor
XYZ 12.9, 22.7, 11
CIELab 54.8, -48.08, 28.87
Decimal 1675078
Yxy 20.2924, 0.2781, 0.4982
YUV 99.396, 111.4108, 74.9358
CIELuv 52.1662, -44.5936, 43.4263
Web Safe 006633

Distribuição de #198f46

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.

#198f46

#198f46
rgb(25,143,70)

#8f1962

#8f1962
rgb(143,25,98)

Cores triadicas

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

#47198f

#47198f
rgb(71,25,143)

#198f46

#198f46
rgb(25,143,70)

#8f4719

#8f4719
rgb(143,71,25)

Cores tetrádicas

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

#19278f

#19278f
rgb(25,39,143)

#198f46

#198f46
rgb(25,143,70)

#8f1962

#8f1962
rgb(143,25,98)

#8f8219

#8f8219
rgb(143,130,25)

Cores monocromáticas

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

#198f46

#198f46
rgb(25,143,70)

#708f7c

#708f7c
rgb(112,143,124)

#6f8f7b

#6f8f7b
rgb(111,143,123)

#6d8f7a

#6d8f7a
rgb(109,143,122)

#6c8f7a

#6c8f7a
rgb(108,143,122)

#6b8f79

#6b8f79
rgb(107,143,121)

Tons e Matizes de #198f46

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

Matiz (adicionando branco)
#198f46

#198f46
rgb(25,143,70)

#47a56b

#47a56b
rgb(71,165,107)

#75bb90

#75bb90
rgb(117,187,144)

#a3d2b5

#a3d2b5
rgb(163,210,181)

#d1e8da

#d1e8da
rgb(209,232,218)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#198f46

#198f46
rgb(25,143,70)

#147238

#147238
rgb(20,114,56)

#0f552a

#0f552a
rgb(15,85,42)

#09391b

#09391b
rgb(9,57,27)

#041c0d

#041c0d
rgb(4,28,13)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #198f46

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

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

Contraste

Branco e #198f46
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 #198f46
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 #198f46

Este exemplo mostra como o texto na cor #198f46 se parece.

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

Este parágrafo tem fundo de cor #198f46.

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

Este elemento tem uma cor de borda de #198f46.

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

Cores alietórias

#70beb8

#70beb8
rgb(112,190,184)

#39fec2

#39fec2
rgb(57,254,194)

#afc19a

#afc19a
rgb(175,193,154)

#5fdcab

#5fdcab
rgb(95,220,171)

#66baaf

#66baaf
rgb(102,186,175)

#69164e

#69164e
rgb(105,22,78)

#9ae60e

#9ae60e
rgb(154,230,14)

#0738ef

#0738ef
rgb(7,56,239)

#07b004

#07b004
rgb(7,176,4)

#0eea39

#0eea39
rgb(14,234,57)

#aa2f34

#aa2f34
rgb(170,47,52)

#4dbf4b

#4dbf4b
rgb(77,191,75)