Informação da cor #202a2a

A cor hexadecimal 202a2a no modelo de cores RGB (Red, Green, Blue), é um composta por 32 de vermelho, 42 de verde e 42 de azul.

No padrão de cores CMYK, é composto por 23.8% de ciano, 0% de magenta, 0% de amarelo e 83.5% de preto. Tem um ângulo de matiz de 180 graus, uma saturação de 13.5% e uma leveza de 14.5%.

A cor mais próxima WebSafe é 000000.

Conversões de #202a2a 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 202a2a
RGB 32, 42, 42
RGB Percentagem 12.5%, 16.5%, 16.5%
CMYK 0.24, 0, 0, 0.84
HSL 180°, 13.5%, 14.5%
HSV (ou HSB) 180°, 23.8%, 16.5%
RYB 12.5, 14.5, 16.5
Formato Cor
XYZ 2.6, 2.9, 3.4
CIELab 19.77, -4.44, -1.48
Decimal 2107946
Yxy 2.1301, 0.2844, 0.3289
YUV 39.01, 129.6874, 123
CIELuv 16.1557, -4.0991, -0.8843
Web Safe 000000

Distribuição de #202a2a

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.

#202a2a

#202a2a
rgb(32,42,42)

#2a2020

#2a2020
rgb(42,32,32)

Cores triadicas

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

#2a202a

#2a202a
rgb(42,32,42)

#202a2a

#202a2a
rgb(32,42,42)

#2a2a20

#2a2a20
rgb(42,42,32)

Cores tetrádicas

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

#25202a

#25202a
rgb(37,32,42)

#202a2a

#202a2a
rgb(32,42,42)

#2a2020

#2a2020
rgb(42,32,32)

#252a20

#252a20
rgb(37,42,32)

Cores monocromáticas

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

#202a2a

#202a2a
rgb(32,42,42)

#222a2a

#222a2a
rgb(34,42,42)

#212a2a

#212a2a
rgb(33,42,42)

#212a2a

#212a2a
rgb(33,42,42)

#202a2a

#202a2a
rgb(32,42,42)

#202a2a

#202a2a
rgb(32,42,42)

Tons e Matizes de #202a2a

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

Matiz (adicionando branco)
#202a2a

#202a2a
rgb(32,42,42)

#4c5454

#4c5454
rgb(76,84,84)

#797f7f

#797f7f
rgb(121,127,127)

#a5a9a9

#a5a9a9
rgb(165,169,169)

#d2d4d4

#d2d4d4
rgb(210,212,212)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#202a2a

#202a2a
rgb(32,42,42)

#192121

#192121
rgb(25,33,33)

#131919

#131919
rgb(19,25,25)

#0c1010

#0c1010
rgb(12,16,16)

#060808

#060808
rgb(6,8,8)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #202a2a

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

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

Contraste

Branco e #202a2a
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 #202a2a
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 #202a2a

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

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

Este parágrafo tem fundo de cor #202a2a.

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

Este elemento tem uma cor de borda de #202a2a.

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

Cores alietórias

#2dcac6

#2dcac6
rgb(45,202,198)

#f6a4e6

#f6a4e6
rgb(246,164,230)

#c80938

#c80938
rgb(200,9,56)

#eb73a9

#eb73a9
rgb(235,115,169)

#9f47bb

#9f47bb
rgb(159,71,187)

#a72e5d

#a72e5d
rgb(167,46,93)

#7c876e

#7c876e
rgb(124,135,110)

#d9b292

#d9b292
rgb(217,178,146)

#ab44e2

#ab44e2
rgb(171,68,226)

#3a2825

#3a2825
rgb(58,40,37)

#3d1c6c

#3d1c6c
rgb(61,28,108)

#b461a7

#b461a7
rgb(180,97,167)