Informação da cor #403b23

A cor hexadecimal 403b23 no modelo de cores RGB (Red, Green, Blue), é um composta por 64 de vermelho, 59 de verde e 35 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 7.8% de magenta, 45.3% de amarelo e 74.9% de preto. Tem um ângulo de matiz de 49.7 graus, uma saturação de 29.3% e uma leveza de 19.4%.

A cor mais próxima WebSafe é 333300.

Conversões de #403b23 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 403b23
RGB 64, 59, 35
RGB Percentagem 25.1%, 23.1%, 13.7%
CMYK 0, 0.08, 0.45, 0.75
HSL 49.7°, 29.3%, 19.4%
HSV (ou HSB) 49.7°, 45.3%, 25.1%
RYB 16.5, 25.1, 13.7
Formato Cor
XYZ 5.2, 5.6, 3.1
CIELab 28.45, -2.22, 15.91
Decimal 4209443
Yxy 4.3394, 0.3778, 0.4118
YUV 57.759, 115.1563, 132.4515
CIELuv 24.7631, 4.0197, 15.2596
Web Safe 333300

Distribuição de #403b23

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.

#403b23

#403b23
rgb(64,59,35)

#232940

#232940
rgb(35,41,64)

Cores triadicas

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

#23403b

#23403b
rgb(35,64,59)

#403b23

#403b23
rgb(64,59,35)

#3b2340

#3b2340
rgb(59,35,64)

Cores tetrádicas

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

#23402d

#23402d
rgb(35,64,45)

#403b23

#403b23
rgb(64,59,35)

#232940

#232940
rgb(35,41,64)

#402337

#402337
rgb(64,35,55)

Cores monocromáticas

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

#403b23

#403b23
rgb(64,59,35)

#403e33

#403e33
rgb(64,62,51)

#403e32

#403e32
rgb(64,62,50)

#403e31

#403e31
rgb(64,62,49)

#403e31

#403e31
rgb(64,62,49)

#403e30

#403e30
rgb(64,62,48)

Tons e Matizes de #403b23

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

Matiz (adicionando branco)
#403b23

#403b23
rgb(64,59,35)

#66624f

#66624f
rgb(102,98,79)

#8c897b

#8c897b
rgb(140,137,123)

#b2b0a7

#b2b0a7
rgb(178,176,167)

#d8d7d3

#d8d7d3
rgb(216,215,211)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#403b23

#403b23
rgb(64,59,35)

#332f1c

#332f1c
rgb(51,47,28)

#262315

#262315
rgb(38,35,21)

#19170d

#19170d
rgb(25,23,13)

#0c0b06

#0c0b06
rgb(12,11,6)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #403b23

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

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

Contraste

Branco e #403b23
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 #403b23
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 #403b23

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

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

Este parágrafo tem fundo de cor #403b23.

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

Este elemento tem uma cor de borda de #403b23.

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

Cores alietórias

#12c63b

#12c63b
rgb(18,198,59)

#64c31e

#64c31e
rgb(100,195,30)

#1535e8

#1535e8
rgb(21,53,232)

#e00b51

#e00b51
rgb(224,11,81)

#101fdf

#101fdf
rgb(16,31,223)

#4afec7

#4afec7
rgb(74,254,199)

#5a28e1

#5a28e1
rgb(90,40,225)

#9634e2

#9634e2
rgb(150,52,226)

#ca7a99

#ca7a99
rgb(202,122,153)

#31f7aa

#31f7aa
rgb(49,247,170)

#d5b4bd

#d5b4bd
rgb(213,180,189)

#d6fe4e

#d6fe4e
rgb(214,254,78)