Informação da cor #355300

A cor hexadecimal 355300 no modelo de cores RGB (Red, Green, Blue), é um composta por 53 de vermelho, 83 de verde e 0 de azul.

No padrão de cores CMYK, é composto por 36.1% de ciano, 0% de magenta, 100% de amarelo e 67.5% de preto. Tem um ângulo de matiz de 81.7 graus, uma saturação de 100% e uma leveza de 16.3%.

A cor mais próxima WebSafe é 333300.

Conversões de #355300 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 355300
RGB 53, 83, 0
RGB Percentagem 20.8%, 32.5%, 0%
CMYK 0.36, 0, 1, 0.67
HSL 81.7°, 100%, 16.3%
HSV (ou HSB) 81.7°, 100%, 32.6%
RYB 0, 32.5, 11.8
Formato Cor
XYZ 5.7, 8.6, 1.4
CIELab 35.17, -24.51, 41.89
Decimal 3494656
Yxy 6.9432, 0.3619, 0.5509
YUV 64.568, 91.5621, 119.7489
CIELuv 31.6774, -14.3905, 36.8792
Web Safe 333300

Distribuição de #355300

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.

#355300

#355300
rgb(53,83,0)

#1e0053

#1e0053
rgb(30,0,83)

Cores triadicas

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

#003653

#003653
rgb(0,54,83)

#355300

#355300
rgb(53,83,0)

#530036

#530036
rgb(83,0,54)

Cores tetrádicas

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

#005348

#005348
rgb(0,83,72)

#355300

#355300
rgb(53,83,0)

#1e0053

#1e0053
rgb(30,0,83)

#53000c

#53000c
rgb(83,0,12)

Cores monocromáticas

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

#355300

#355300
rgb(53,83,0)

#4d5341

#4d5341
rgb(77,83,65)

#4d5340

#4d5340
rgb(77,83,64)

#4c5340

#4c5340
rgb(76,83,64)

#4c533f

#4c533f
rgb(76,83,63)

#4c533e

#4c533e
rgb(76,83,62)

Tons e Matizes de #355300

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

Matiz (adicionando branco)
#355300

#355300
rgb(53,83,0)

#5d7533

#5d7533
rgb(93,117,51)

#859766

#859766
rgb(133,151,102)

#aeba99

#aeba99
rgb(174,186,153)

#d6dccc

#d6dccc
rgb(214,220,204)

#ffffff

#ffffff
rgb(255,255,255)

Sombra (adicionando preto)
#355300

#355300
rgb(53,83,0)

#2a4200

#2a4200
rgb(42,66,0)

#1f3100

#1f3100
rgb(31,49,0)

#152100

#152100
rgb(21,33,0)

#0a1000

#0a1000
rgb(10,16,0)

#000000

#000000
rgb(0,0,0)


Pré-visualização

Fundo branco

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

Fundo preto

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

Fundo de cor #355300

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

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

Contraste

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

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

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

Este parágrafo tem fundo de cor #355300.

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

Este elemento tem uma cor de borda de #355300.

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

Cores alietórias

#c94793

#c94793
rgb(201,71,147)

#cbb7bf

#cbb7bf
rgb(203,183,191)

#6b8b75

#6b8b75
rgb(107,139,117)

#4cef51

#4cef51
rgb(76,239,81)

#54a499

#54a499
rgb(84,164,153)

#4529a5

#4529a5
rgb(69,41,165)

#c2368d

#c2368d
rgb(194,54,141)

#c7b35a

#c7b35a
rgb(199,179,90)

#493e20

#493e20
rgb(73,62,32)

#f4f0f8

#f4f0f8
rgb(244,240,248)

#a636ac

#a636ac
rgb(166,54,172)

#9268ce

#9268ce
rgb(146,104,206)