Informação da cor #b69d57

A cor hexadecimal b69d57 no modelo de cores RGB (Red, Green, Blue), é um composta por 182 de vermelho, 157 de verde e 87 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 13.7% de magenta, 52.2% de amarelo e 28.6% de preto. Tem um ângulo de matiz de 44.2 graus, uma saturação de 39.4% e uma leveza de 52.8%.

A cor mais próxima WebSafe é 999933.

Conversões de #b69d57 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 b69d57
RGB 182, 157, 87
RGB Percentagem 71.4%, 61.6%, 34.1%
CMYK 0, 0.14, 0.52, 0.29
HSL 44.2°, 39.4%, 52.8%
HSV (ou HSB) 44.2°, 52.2%, 71.4%
RYB 47.5, 71.4, 34.1
Formato Cor
XYZ 35.9, 37.8, 16.4
CIELab 67.9, -0.39, 38.28
Decimal 11967831
Yxy 34.7487, 0.4043, 0.4248
YUV 156.495, 88.7816, 146.1918
CIELuv 65.5525, 20.4661, 47.8758
Web Safe 999933

Distribuição de #b69d57

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.

#b69d57

#b69d57
rgb(182,157,87)

#5870b6

#5870b6
rgb(88,112,182)

Cores triadicas

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

#58b69e

#58b69e
rgb(88,182,158)

#b69d57

#b69d57
rgb(182,157,87)

#9e58b6

#9e58b6
rgb(158,88,182)

Cores tetrádicas

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

#58b66e

#58b66e
rgb(88,182,110)

#b69d57

#b69d57
rgb(182,157,87)

#5870b6

#5870b6
rgb(88,112,182)

#b658a0

#b658a0
rgb(182,88,160)

Cores monocromáticas

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

#b69d57

#b69d57
rgb(182,157,87)

#b6ac8f

#b6ac8f
rgb(182,172,143)

#b6ac8e

#b6ac8e
rgb(182,172,142)

#b6ab8c

#b6ab8c
rgb(182,171,140)

#b6ab8a

#b6ab8a
rgb(182,171,138)

#b6aa88

#b6aa88
rgb(182,170,136)

Tons e Matizes de #b69d57

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

Matiz (adicionando branco)
#b69d57

#b69d57
rgb(182,157,87)

#c4b078

#c4b078
rgb(196,176,120)

#d3c49a

#d3c49a
rgb(211,196,154)

#e1d7bb

#e1d7bb
rgb(225,215,187)

#f0ebdd

#f0ebdd
rgb(240,235,221)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#b69d57

#b69d57
rgb(182,157,87)

#917d45

#917d45
rgb(145,125,69)

#6d5e34

#6d5e34
rgb(109,94,52)

#483e22

#483e22
rgb(72,62,34)

#241f11

#241f11
rgb(36,31,17)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #b69d57

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

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

Contraste

Branco e #b69d57
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.

Preto e #b69d57
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.

Exemplos CSS

Texto com cor hexadecimal #b69d57

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

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

Este parágrafo tem fundo de cor #b69d57.

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

Este elemento tem uma cor de borda de #b69d57.

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

Cores alietórias

#b7f754

#b7f754
rgb(183,247,84)

#7d8aba

#7d8aba
rgb(125,138,186)

#23a917

#23a917
rgb(35,169,23)

#f94600

#f94600
rgb(249,70,0)

#9e54d9

#9e54d9
rgb(158,84,217)

#c139a4

#c139a4
rgb(193,57,164)

#00cf07

#00cf07
rgb(0,207,7)

#ab8b81

#ab8b81
rgb(171,139,129)

#9e5c55

#9e5c55
rgb(158,92,85)

#8eaa8b

#8eaa8b
rgb(142,170,139)

#3f3387

#3f3387
rgb(63,51,135)

#d77e05

#d77e05
rgb(215,126,5)