Informação da cor #142332

A cor hexadecimal 142332 no modelo de cores RGB (Red, Green, Blue), é um composta por 20 de vermelho, 35 de verde e 50 de azul.

No padrão de cores CMYK, é composto por 60% de ciano, 30% de magenta, 0% de amarelo e 80.4% de preto. Tem um ângulo de matiz de 210 graus, uma saturação de 42.9% e uma leveza de 13.7%.

A cor mais próxima WebSafe é 000000.

Conversões de #142332 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 142332
RGB 20, 35, 50
RGB Percentagem 7.8%, 13.7%, 19.6%
CMYK 0.6, 0.3, 0, 0.8
HSL 210°, 42.9%, 13.7%
HSV (ou HSB) 210°, 60%, 19.6%
RYB 7.8, 11.8, 19.6
Formato Cor
XYZ 2.1, 2.2, 4.3
CIELab 16.61, -1.42, -12.1
Decimal 1319730
Yxy 1.581, 0.2329, 0.2513
YUV 32.225, 138.031, 119.2803
CIELuv 13.1138, -5.1136, -10.366
Web Safe 000000

Distribuição de #142332

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.

#142332

#142332
rgb(20,35,50)

#322314

#322314
rgb(50,35,20)

Cores triadicas

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

#321423

#321423
rgb(50,20,35)

#142332

#142332
rgb(20,35,50)

#233214

#233214
rgb(35,50,20)

Cores tetrádicas

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

#321432

#321432
rgb(50,20,50)

#142332

#142332
rgb(20,35,50)

#322314

#322314
rgb(50,35,20)

#143214

#143214
rgb(20,50,20)

Cores monocromáticas

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

#142332

#142332
rgb(20,35,50)

#282d32

#282d32
rgb(40,45,50)

#272d32

#272d32
rgb(39,45,50)

#272d32

#272d32
rgb(39,45,50)

#262c32

#262c32
rgb(38,44,50)

#262c32

#262c32
rgb(38,44,50)

Tons e Matizes de #142332

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

Matiz (adicionando branco)
#142332

#142332
rgb(20,35,50)

#434f5b

#434f5b
rgb(67,79,91)

#727b84

#727b84
rgb(114,123,132)

#a1a7ad

#a1a7ad
rgb(161,167,173)

#d0d3d6

#d0d3d6
rgb(208,211,214)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#142332

#142332
rgb(20,35,50)

#101c28

#101c28
rgb(16,28,40)

#0c151e

#0c151e
rgb(12,21,30)

#070d13

#070d13
rgb(7,13,19)

#030609

#030609
rgb(3,6,9)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #142332

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

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

Contraste

Branco e #142332
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 #142332
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 #142332

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

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

Este parágrafo tem fundo de cor #142332.

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

Este elemento tem uma cor de borda de #142332.

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

Cores alietórias

#286e7b

#286e7b
rgb(40,110,123)

#1fd90c

#1fd90c
rgb(31,217,12)

#31e62e

#31e62e
rgb(49,230,46)

#53eba6

#53eba6
rgb(83,235,166)

#5aea28

#5aea28
rgb(90,234,40)

#e34933

#e34933
rgb(227,73,51)

#ac84e3

#ac84e3
rgb(172,132,227)

#6419c0

#6419c0
rgb(100,25,192)

#2cb178

#2cb178
rgb(44,177,120)

#3123e5

#3123e5
rgb(49,35,229)

#3f620c

#3f620c
rgb(63,98,12)

#e2101d

#e2101d
rgb(226,16,29)