20 Tons diferentes de Marrom (+ códigos HEX)
Explore todos os tons de marrom, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores marrom. Clique em qualquer tom para copiar o código.
O marrom é laranja ou vermelho com a luminosidade baixa, e por isso lembra madeira, café e couro em vez de uma cor do círculo cromático.
Ele ancora paletas quentes e quase nunca compete. Mantenha uma diferença clara de luminosidade entre o marrom do texto e o do fundo.
- serenade#fff5eb
- karry#ffe8d1
- frangipani#ffdbb7
- peach orange#ffce9d
- macaroni and cheese#ffc184
- koromiko#ffb46a
- texas rose#ffa750
- neon carrot#ff9b36
- west side#ff8e1c
- flush orange#ff8103
- mango tango#e87400
- tenn#ce6700
- rose of sharon#b45a00
- brown#9b4d00
- cinnamon#814000
- nutmeg wood finish#673400
- indian tan#4d2700
- cola#341a00
- nero#1a0d00
- black#000000
Marrom: códigos HEX e RGB
marrom tem os seguintes códigos de cor principais:
HEX: #fff5eb
RGB: (255, 245, 235).
Explore uma ampla gama de tons de marrom no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!
Explore os tons mais claros de marrom
Serenade
#fff5eb
Serenade
#fff5eb
Seashell Peach
#fff7f0
Seashell Peach
#fff7f0
Bridal Heath
#fffaf5
Bridal Heath
#fffaf5
Bridal Heath
#fffaf5
Soapstone
#fffcfa
Soapstone
#fffcfa
White
#ffffff
Explore os tons mais escuros de marrom
Clinker
#341f09
Brown Derby
#4c3015
Pickled Bean
#654525
Potters Clay
#815e3b
Leather
#9b7855
Sandal
#b49474
Sorrell Brown
#ccb094
Stark White
#e5d1bd
marrom em HEX, RGB, HSL e CMYK
| HEX | #964B00 | |
|---|---|---|
| RGB | rgb(150, 75, 0) | |
| HSL | hsl(30, 100%, 29%) | |
| CMYK | cmyk(0%, 50%, 100%, 41%) |
Tons claros e escuros de marrom
Os tons claros somam branco e os escuros somam preto, sem mudar o matiz. Servem para estados hover, bordas e fundos que precisam continuar sendo da mesma cor.
Mais claros
#cd6600
#ff8307
#ff9f40
#ffbc79
#ffd8b2
#fff5eb
Mais escuros
#7f3f00
#693500
#542a00
#3f1f00
#2a1500
#140a00
Cores que combinam com marrom
Complementar
#964B00 #004a94
O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.
Análogas
#940000 #964B00 #949400
Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.
Tríade
#964B00 #00944a #4a0094
Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.
Texto sobre marrom
Medido pelas WCAG: 4.5:1 para texto normal e 3:1 para texto grande. Teste a sua própria combinação no Verificador de contraste
Tabela de tons de marrom
Clique com o botão direito para salvar a tabela, ou copie os códigos acima.