Informação da cor #195e80

A cor hexadecimal 195e80 no modelo de cores RGB (Red, Green, Blue), é um composta por 25 de vermelho, 94 de verde e 128 de azul.

No padrão de cores CMYK, é composto por 80.5% de ciano, 26.6% de magenta, 0% de amarelo e 49.8% de preto. Tem um ângulo de matiz de 199.8 graus, uma saturação de 67.3% e uma leveza de 30%.

A cor mais próxima WebSafe é 003366.

Conversões de #195e80 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 195e80
RGB 25, 94, 128
RGB Percentagem 9.8%, 36.9%, 50.2%
CMYK 0.8, 0.27, 0, 0.5
HSL 199.8°, 67.3%, 30%
HSV (ou HSB) 199.8°, 80.5%, 50.2%
RYB 9.8, 26.3, 50.2
Formato Cor
XYZ 9.8, 11.7, 24.9
CIELab 40.71, -9.81, -24.6
Decimal 1662592
Yxy 9.7696, 0.2078, 0.2446
YUV 77.245, 156.6428, 90.7354
CIELuv 37.4257, -22.995, -33.7999
Web Safe 003366

Distribuição de #195e80

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.

#195e80

#195e80
rgb(25,94,128)

#803c19

#803c19
rgb(128,60,25)

Cores triadicas

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

#80195e

#80195e
rgb(128,25,94)

#195e80

#195e80
rgb(25,94,128)

#5e8019

#5e8019
rgb(94,128,25)

Cores tetrádicas

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

#6f1980

#6f1980
rgb(111,25,128)

#195e80

#195e80
rgb(25,94,128)

#803c19

#803c19
rgb(128,60,25)

#2b8019

#2b8019
rgb(43,128,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.

#195e80

#195e80
rgb(25,94,128)

#657780

#657780
rgb(101,119,128)

#637780

#637780
rgb(99,119,128)

#627680

#627680
rgb(98,118,128)

#617680

#617680
rgb(97,118,128)

#5f7680

#5f7680
rgb(95,118,128)

Tons e Matizes de #195e80

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

Matiz (adicionando branco)
#195e80

#195e80
rgb(25,94,128)

#477e99

#477e99
rgb(71,126,153)

#759eb2

#759eb2
rgb(117,158,178)

#a3becc

#a3becc
rgb(163,190,204)

#d1dee5

#d1dee5
rgb(209,222,229)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#195e80

#195e80
rgb(25,94,128)

#144b66

#144b66
rgb(20,75,102)

#0f384c

#0f384c
rgb(15,56,76)

#092533

#092533
rgb(9,37,51)

#041219

#041219
rgb(4,18,25)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #195e80

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

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

Contraste

Branco e #195e80
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.

Preto e #195e80
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.

Exemplos CSS

Texto com cor hexadecimal #195e80

Este exemplo mostra como o texto na cor #195e80 se parece.

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

Este parágrafo tem fundo de cor #195e80.

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

Este elemento tem uma cor de borda de #195e80.

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

Cores alietórias

#31d4eb

#31d4eb
rgb(49,212,235)

#079204

#079204
rgb(7,146,4)

#8c7a78

#8c7a78
rgb(140,122,120)

#40c812

#40c812
rgb(64,200,18)

#7ebf1a

#7ebf1a
rgb(126,191,26)

#8f3f28

#8f3f28
rgb(143,63,40)

#5d11da

#5d11da
rgb(93,17,218)

#59e4f0

#59e4f0
rgb(89,228,240)

#ca3469

#ca3469
rgb(202,52,105)

#cc84ab

#cc84ab
rgb(204,132,171)

#bbe238

#bbe238
rgb(187,226,56)

#56033d

#56033d
rgb(86,3,61)