Informação da cor #2b3838

A cor hexadecimal 2b3838 no modelo de cores RGB (Red, Green, Blue), é um composta por 43 de vermelho, 56 de verde e 56 de azul.

No padrão de cores CMYK, é composto por 23.2% de ciano, 0% de magenta, 0% de amarelo e 78% de preto. Tem um ângulo de matiz de 180 graus, uma saturação de 13.1% e uma leveza de 19.4%.

A cor mais próxima WebSafe é 003333.

Conversões de #2b3838 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 2b3838
RGB 43, 56, 56
RGB Percentagem 16.9%, 22%, 22%
CMYK 0.23, 0, 0, 0.78
HSL 180°, 13.1%, 19.4%
HSV (ou HSB) 180°, 23.2%, 22%
RYB 16.9, 19.6, 22
Formato Cor
XYZ 4.1, 4.8, 5.6
CIELab 26.09, -5.43, -1.81
Decimal 2832440
Yxy 3.6273, 0.2833, 0.3289
YUV 52.113, 130.1936, 121.5
CIELuv 22.3991, -5.8947, -1.2717
Web Safe 003333

Distribuição de #2b3838

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.

#2b3838

#2b3838
rgb(43,56,56)

#382b2b

#382b2b
rgb(56,43,43)

Cores triadicas

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

#382b38

#382b38
rgb(56,43,56)

#2b3838

#2b3838
rgb(43,56,56)

#38382b

#38382b
rgb(56,56,43)

Cores tetrádicas

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

#322b38

#322b38
rgb(50,43,56)

#2b3838

#2b3838
rgb(43,56,56)

#382b2b

#382b2b
rgb(56,43,43)

#32382b

#32382b
rgb(50,56,43)

Cores monocromáticas

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

#2b3838

#2b3838
rgb(43,56,56)

#2d3838

#2d3838
rgb(45,56,56)

#2c3838

#2c3838
rgb(44,56,56)

#2b3838

#2b3838
rgb(43,56,56)

#2b3838

#2b3838
rgb(43,56,56)

#2a3838

#2a3838
rgb(42,56,56)

Tons e Matizes de #2b3838

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

Matiz (adicionando branco)
#2b3838

#2b3838
rgb(43,56,56)

#555f5f

#555f5f
rgb(85,95,95)

#7f8787

#7f8787
rgb(127,135,135)

#aaafaf

#aaafaf
rgb(170,175,175)

#d4d7d7

#d4d7d7
rgb(212,215,215)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#2b3838

#2b3838
rgb(43,56,56)

#222c2c

#222c2c
rgb(34,44,44)

#192121

#192121
rgb(25,33,33)

#111616

#111616
rgb(17,22,22)

#080b0b

#080b0b
rgb(8,11,11)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #2b3838

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

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

Contraste

Branco e #2b3838
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 #2b3838
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 #2b3838

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

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

Este parágrafo tem fundo de cor #2b3838.

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

Este elemento tem uma cor de borda de #2b3838.

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

Cores alietórias

#685e39

#685e39
rgb(104,94,57)

#28415f

#28415f
rgb(40,65,95)

#b596c8

#b596c8
rgb(181,150,200)

#66d7e8

#66d7e8
rgb(102,215,232)

#54c77e

#54c77e
rgb(84,199,126)

#9e92aa

#9e92aa
rgb(158,146,170)

#d04ae8

#d04ae8
rgb(208,74,232)

#4ae880

#4ae880
rgb(74,232,128)

#6cfb8c

#6cfb8c
rgb(108,251,140)

#051f33

#051f33
rgb(5,31,51)

#59f98e

#59f98e
rgb(89,249,142)

#4eec76

#4eec76
rgb(78,236,118)