19 Tons diferentes de Castanho-avermelhado (+ códigos HEX)

Explore todos os tons de castanho-avermelhado, dos mais claros aos mais escuros. Veja os códigos HEX, os nomes dos tons e paletas de cores castanho-avermelhado. Clique em qualquer tom para copiar o código.

O castanho-avermelhado é o marrom com vermelho que todo mundo associa a cabelo: quente, terroso e um pouco vintage. Combina com couro, editorial de outono e tudo que deva parecer usado, não recém-saído da loja.

Acompanhe com creme e oliva; ao lado de um cinza frio ele embarra.

  • we peep
    #fbefef
  • beauty bush
    #f0c6c6
  • shilo
    #ebb1b1
  • tonys pink
    #e69d9d
  • new york pink
    #e08888
  • japonica
    #db7474
  • roman
    #d65f5f
  • chestnut rose
    #d14b4b
  • flush mahogany
    #cb3636
  • well read
    #b83030
  • mexican red
    #a42a2a
  • burnt umber
    #8f2525
  • crown of thorns
    #7b2020
  • persian plum
    #661a1a
  • espresso
    #521515
  • paco
    #3d1010
  • coffee bean
    #290b0b
  • asphalt
    #140505
  • black
    #000000

Castanho-avermelhado: códigos HEX e RGB

castanho-avermelhado tem os seguintes códigos de cor principais:

  • HEX: #fbefef

  • RGB: (251, 239, 239).

Explore uma ampla gama de tons de castanho-avermelhado no seletor interativo. Clique em qualquer cor para copiar o código HEX e usar no seu projeto!

Explore os tons mais claros de castanho-avermelhado

  • We Peep

    #fbefef

  • We Peep

    #fbefef

  • Amour

    #fcf3f3

  • Amour

    #fcf3f3

  • Linen

    #fdf6f6

  • Fantasy

    #fdf7f7

  • Vista White

    #fcf7f7

  • Fantasy

    #fefbfb

  • Fantasy

    #fefbfb

  • White

    #ffffff

Explore os tons mais escuros de castanho-avermelhado

  • Aubergine

    #330a0a

  • Cedar

    #4b1616

  • Irish Coffee

    #642626

  • Lotus

    #7c3c3c

  • Au Chico

    #955656

  • Coral Tree

    #af7474

  • Oriental Pink

    #c89797

  • Cavern Pink

    #e2c1c1

castanho-avermelhado em HEX, RGB, HSL e CMYK

HEX#A52A2A
RGBrgb(165, 42, 42)
HSLhsl(0, 59%, 41%)
CMYKcmyk(0%, 75%, 75%, 35%)

Tons claros e escuros de castanho-avermelhado

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

  • #cb3535

  • #d45a5a

  • #de7f7f

  • #e8a4a4

  • #f1caca

  • #fbefef

Mais escuros

  • #8d2424

  • #741e1e

  • #5b1818

  • #421111

  • #290b0b

  • #100404

Cores que combinam com castanho-avermelhado

Complementar

#A52A2A #2ba6a6

O oposto no círculo cromático. Contraste máximo: use como acento, não em meia página.

Análogas

#a62b69 #A52A2A #a6692b

Vizinhas no círculo. Calmas e coerentes, o jeito mais seguro de montar uma paleta.

Tríade

#A52A2A #2ba62b #2b2ba6

Três cores igualmente espaçadas. Vivas e equilibradas; deixe uma delas dominar.

Texto sobre castanho-avermelhado

Exemplo de texto primário
Texto branco sobre castanho-avermelhado7.08:1AAA
Exemplo de texto primário
Texto quase preto sobre castanho-avermelhado2.50:1Reprovado

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 castanho-avermelhado

Tabela com cinco tons de castanho-avermelhado, do mais claro ao mais escuro

Clique com o botão direito para salvar a tabela, ou copie os códigos acima.

Paletas de cores com um tom parecido