Informação da cor #181318

A cor hexadecimal 181318 no modelo de cores RGB (Red, Green, Blue), é um composta por 24 de vermelho, 19 de verde e 24 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 20.8% de magenta, 0% de amarelo e 90.6% de preto. Tem um ângulo de matiz de 300 graus, uma saturação de 11.6% e uma leveza de 8.4%.

A cor mais próxima WebSafe é 000000.

Conversões de #181318 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 181318
RGB 24, 19, 24
RGB Percentagem 9.4%, 7.5%, 9.4%
CMYK 0, 0.21, 0, 0.91
HSL 300°, 11.6%, 8.4%
HSV (ou HSB) 300°, 20.8%, 9.4%
RYB 9.4, 7.5, 9.4
Formato Cor
XYZ 1.2, 1.1, 1.4
CIELab 9.75, 3.99, -2.78
Decimal 1577752
Yxy 0.7259, 0.3143, 0.2946
YUV 21.065, 129.6563, 130.0934
CIELuv 6.557, 1.28, -1.6548
Web Safe 000000

Distribuição de #181318

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.

#181318

#181318
rgb(24,19,24)

#131813

#131813
rgb(19,24,19)

Cores triadicas

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

#181813

#181813
rgb(24,24,19)

#181318

#181318
rgb(24,19,24)

#131818

#131818
rgb(19,24,24)

Cores tetrádicas

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

#181613

#181613
rgb(24,22,19)

#181318

#181318
rgb(24,19,24)

#131813

#131813
rgb(19,24,19)

#131618

#131618
rgb(19,22,24)

Cores monocromáticas

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

#181318

#181318
rgb(24,19,24)

#181318

#181318
rgb(24,19,24)

#181318

#181318
rgb(24,19,24)

#181318

#181318
rgb(24,19,24)

#181318

#181318
rgb(24,19,24)

#181218

#181218
rgb(24,18,24)

Tons e Matizes de #181318

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

Matiz (adicionando branco)
#181318

#181318
rgb(24,19,24)

#464246

#464246
rgb(70,66,70)

#747174

#747174
rgb(116,113,116)

#a2a0a2

#a2a0a2
rgb(162,160,162)

#d0cfd0

#d0cfd0
rgb(208,207,208)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#181318

#181318
rgb(24,19,24)

#130f13

#130f13
rgb(19,15,19)

#0e0b0e

#0e0b0e
rgb(14,11,14)

#090709

#090709
rgb(9,7,9)

#040304

#040304
rgb(4,3,4)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #181318

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #181318.

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

Este elemento tem uma cor de borda de #181318.

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

Cores alietórias

#4b21f7

#4b21f7
rgb(75,33,247)

#7f0881

#7f0881
rgb(127,8,129)

#a8584c

#a8584c
rgb(168,88,76)

#f275ef

#f275ef
rgb(242,117,239)

#c382cd

#c382cd
rgb(195,130,205)

#e4a9f3

#e4a9f3
rgb(228,169,243)

#6e2623

#6e2623
rgb(110,38,35)

#39b487

#39b487
rgb(57,180,135)

#0e473f

#0e473f
rgb(14,71,63)

#1565a5

#1565a5
rgb(21,101,165)

#28ce0f

#28ce0f
rgb(40,206,15)

#37d635

#37d635
rgb(55,214,53)