Informação da cor #555c02

A cor hexadecimal 555c02 no modelo de cores RGB (Red, Green, Blue), é um composta por 85 de vermelho, 92 de verde e 2 de azul.

No padrão de cores CMYK, é composto por 7.6% de ciano, 0% de magenta, 97.8% de amarelo e 63.9% de preto. Tem um ângulo de matiz de 64.7 graus, uma saturação de 95.7% e uma leveza de 18.4%.

A cor mais próxima WebSafe é 333300.

Conversões de #555c02 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 555c02
RGB 85, 92, 2
RGB Percentagem 33.3%, 36.1%, 0.8%
CMYK 0.08, 0, 0.98, 0.64
HSL 64.7°, 95.7%, 18.4%
HSV (ou HSB) 64.7°, 97.8%, 36.1%
RYB 0.8, 36.1, 3.5
Formato Cor
XYZ 9.2, 11.6, 1.8
CIELab 40.55, -14.2, 46.47
Decimal 5594114
Yxy 9.5901, 0.406, 0.5133
YUV 79.647, 84.1812, 131.8181
CIELuv 37.0965, -1.5989, 41.0254
Web Safe 333300

Distribuição de #555c02

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.

#555c02

#555c02
rgb(85,92,2)

#09025c

#09025c
rgb(9,2,92)

Cores triadicas

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

#02565c

#02565c
rgb(2,86,92)

#555c02

#555c02
rgb(85,92,2)

#5c0256

#5c0256
rgb(92,2,86)

Cores tetrádicas

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

#025c36

#025c36
rgb(2,92,54)

#555c02

#555c02
rgb(85,92,2)

#09025c

#09025c
rgb(9,2,92)

#5c0229

#5c0229
rgb(92,2,41)

Cores monocromáticas

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

#555c02

#555c02
rgb(85,92,2)

#5b5c48

#5b5c48
rgb(91,92,72)

#5b5c47

#5b5c47
rgb(91,92,71)

#5b5c46

#5b5c46
rgb(91,92,70)

#5b5c46

#5b5c46
rgb(91,92,70)

#5b5c45

#5b5c45
rgb(91,92,69)

Tons e Matizes de #555c02

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

Matiz (adicionando branco)
#555c02

#555c02
rgb(85,92,2)

#777c34

#777c34
rgb(119,124,52)

#999d67

#999d67
rgb(153,157,103)

#bbbd99

#bbbd99
rgb(187,189,153)

#dddecc

#dddecc
rgb(221,222,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#555c02

#555c02
rgb(85,92,2)

#444901

#444901
rgb(68,73,1)

#333701

#333701
rgb(51,55,1)

#212400

#212400
rgb(33,36,0)

#101200

#101200
rgb(16,18,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #555c02

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

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

Contraste

Branco e #555c02
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 #555c02
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 #555c02

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

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

Este parágrafo tem fundo de cor #555c02.

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

Este elemento tem uma cor de borda de #555c02.

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

Cores alietórias

#aa5a2c

#aa5a2c
rgb(170,90,44)

#e8d061

#e8d061
rgb(232,208,97)

#517add

#517add
rgb(81,122,221)

#faf2f5

#faf2f5
rgb(250,242,245)

#f32168

#f32168
rgb(243,33,104)

#16c121

#16c121
rgb(22,193,33)

#00e168

#00e168
rgb(0,225,104)

#bfc827

#bfc827
rgb(191,200,39)

#0af2c1

#0af2c1
rgb(10,242,193)

#a0b80e

#a0b80e
rgb(160,184,14)

#123f17

#123f17
rgb(18,63,23)

#2073b1

#2073b1
rgb(32,115,177)