Informação da cor #554501

A cor hexadecimal 554501 no modelo de cores RGB (Red, Green, Blue), é um composta por 85 de vermelho, 69 de verde e 1 de azul.

No padrão de cores CMYK, é composto por 0% de ciano, 18.8% de magenta, 98.8% de amarelo e 66.7% de preto. Tem um ângulo de matiz de 48.6 graus, uma saturação de 97.7% e uma leveza de 16.9%.

A cor mais próxima WebSafe é 333300.

Conversões de #554501 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 554501
RGB 85, 69, 1
RGB Percentagem 33.3%, 27.1%, 0.4%
CMYK 0, 0.19, 0.99, 0.67
HSL 48.6°, 97.7%, 16.9%
HSV (ou HSB) 48.6°, 98.8%, 33.3%
RYB 8.2, 33.3, 0.4
Formato Cor
XYZ 7.3, 7.8, 1.1
CIELab 33.45, -0.86, 41.5
Decimal 5588225
Yxy 6.1901, 0.4529, 0.4767
YUV 66.032, 91.3002, 141.5292
CIELuv 29.8871, 13.1932, 31.3486
Web Safe 333300

Distribuição de #554501

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.

#554501

#554501
rgb(85,69,1)

#011155

#011155
rgb(1,17,85)

Cores triadicas

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

#015546

#015546
rgb(1,85,70)

#554501

#554501
rgb(85,69,1)

#460155

#460155
rgb(70,1,85)

Cores tetrádicas

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

#01551c

#01551c
rgb(1,85,28)

#554501

#554501
rgb(85,69,1)

#011155

#011155
rgb(1,17,85)

#55013b

#55013b
rgb(85,1,59)

Cores monocromáticas

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

#554501

#554501
rgb(85,69,1)

#555243

#555243
rgb(85,82,67)

#555242

#555242
rgb(85,82,66)

#555241

#555241
rgb(85,82,65)

#555140

#555140
rgb(85,81,64)

#55513f

#55513f
rgb(85,81,63)

Tons e Matizes de #554501

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

Matiz (adicionando branco)
#554501

#554501
rgb(85,69,1)

#776a33

#776a33
rgb(119,106,51)

#998f66

#998f66
rgb(153,143,102)

#bbb499

#bbb499
rgb(187,180,153)

#ddd9cc

#ddd9cc
rgb(221,217,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#554501

#554501
rgb(85,69,1)

#443700

#443700
rgb(68,55,0)

#332900

#332900
rgb(51,41,0)

#211b00

#211b00
rgb(33,27,0)

#100d00

#100d00
rgb(16,13,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #554501

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #554501.

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

Este elemento tem uma cor de borda de #554501.

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

Cores alietórias

#7de911

#7de911
rgb(125,233,17)

#8b35f6

#8b35f6
rgb(139,53,246)

#3bd0be

#3bd0be
rgb(59,208,190)

#890754

#890754
rgb(137,7,84)

#058ed5

#058ed5
rgb(5,142,213)

#cd3cee

#cd3cee
rgb(205,60,238)

#0bd18a

#0bd18a
rgb(11,209,138)

#d92d57

#d92d57
rgb(217,45,87)

#983f9d

#983f9d
rgb(152,63,157)

#733ac0

#733ac0
rgb(115,58,192)

#9bb741

#9bb741
rgb(155,183,65)

#32eb7b

#32eb7b
rgb(50,235,123)