18 Tons diferentes de Avelã (+ códigos HEX)

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

O avelã é um marrom-dourado dessaturado, cor de olhos e de capim seco. É mais quieto que o mostarda e mais quente que o oliva, o que faz dele uma ponte entre os dois.

Funciona em paletas de outono, cosmética natural e tipografia sobre papel creme.

  • linen
    #fcf9ee
  • coconut cream
    #f8f2d8
  • sidecar
    #f5eac1
  • double colonial white
    #f1e3ab
  • chalky
    #eddc95
  • flax
    #e9d47f
  • rob roy
    #e6cd69
  • anzac
    #e2c553
  • golden grass
    #dab727
  • nugget
    #c6a522
  • lucky
    #b0931e
  • hacienda
    #9a811a
  • olivetone
    #846e16
  • raw umber
    #6e5c13
  • bronze olive
    #58490f
  • cannon black
    #2c2507
  • acadia
    #161204
  • black
    #000000

Avelã: códigos HEX e RGB

avelã tem os seguintes códigos de cor principais:

  • HEX: #fcf9ee

  • RGB: (252, 249, 238).

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

Explore os tons mais claros de avelã

  • Linen

    #fcf9ee

  • Linen

    #fcf9ee

  • Linen

    #fdfaf2

  • Linen

    #fdfbf2

  • Bianca

    #fdfcf6

  • Bianca

    #fdfcf7

  • Old Lace

    #fefcf6

  • Bianca

    #fefdfb

  • Bianca

    #fefefb

  • White

    #ffffff

Explore os tons mais escuros de avelã

  • Brown Tumbleweed

    #332b0a

  • Punga

    #4c4015

  • Dallas

    #645626

  • Yellow Metal

    #7d6f3b

  • Barley Corn

    #958756

  • Mongoose

    #afa374

  • Rodeo Dust

    #c9be97

  • Stark White

    #e3dcc0

avelã em HEX, RGB, HSL e CMYK

HEX#8E7618
RGBrgb(142, 118, 24)
HSLhsl(48, 71%, 33%)
CMYKcmyk(0%, 17%, 83%, 44%)

Tons claros e escuros de avelã

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

  • #be9e20

  • #ddbc36

  • #e5cb64

  • #edda92

  • #f4eac0

  • #fcf9ee

Mais escuros

  • #7b6615

  • #665511

  • #51430e

  • #3c320a

  • #272007

  • #110f03

Cores que combinam com avelã

Complementar

#8E7618 #183090

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

Análogas

#903c18 #8E7618 #6c9018

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

Tríade

#8E7618 #189078 #781890

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

Texto sobre avelã

Exemplo de texto primário
Texto branco sobre avelã4.42:1Somente texto grande
Exemplo de texto primário
Texto quase preto sobre avelã4.02:1Somente texto grande

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 avelã

Tabela com cinco tons de avelã, 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