18 Tonos Diferentes de Color Avellana (+ Códigos HEX)

Explora todos los tonos de avellana, desde los más claros hasta los más oscuros. Consulta los códigos HEX, los nombres de los tonos y las paletas de colores avellana. Haz clic en cualquier tono para copiar su código HEX.

El avellana es un café dorado y apagado, el color de los ojos y del pasto seco. Es más callado que el mostaza y más cálido que el oliva, así que sirve de puente entre los dos.

Rinde en paletas de otoño, cosmética natural y tipografía sobre crema.

  • 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

Avellana: Códigos HEX y RGB

avellana tiene los siguientes códigos de color principales:

  • HEX: #fcf9ee

  • RGB: (252, 249, 238).

Explora una amplia gama de tonos de con nuestro selector de colores interactivo. ¡Haz clic en cualquier color para copiar su código HEX y usarlo en tu proyecto!

Explora los tonos más claros de avellana

  • Linen

    #fcf9ee

  • Linen

    #fcf9ee

  • Linen

    #fdfaf2

  • Linen

    #fdfbf2

  • Bianca

    #fdfcf6

  • Bianca

    #fdfcf7

  • Old Lace

    #fefcf6

  • Bianca

    #fefdfb

  • Bianca

    #fefefb

  • White

    #ffffff

Explora los tonos más oscuros de avellana

  • Brown Tumbleweed

    #332b0a

  • Punga

    #4c4015

  • Dallas

    #645626

  • Yellow Metal

    #7d6f3b

  • Barley Corn

    #958756

  • Mongoose

    #afa374

  • Rodeo Dust

    #c9be97

  • Stark White

    #e3dcc0

avellana en HEX, RGB, HSL y CMYK

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

Tonos claros y oscuros de avellana

Los tonos claros suman blanco y los oscuros suman negro, sin cambiar el matiz. Sirven para estados hover, bordes y fondos que deben seguir siendo del mismo color.

Más claros

  • #be9e20

  • #ddbc36

  • #e5cb64

  • #edda92

  • #f4eac0

  • #fcf9ee

Más oscuros

  • #7b6615

  • #665511

  • #51430e

  • #3c320a

  • #272007

  • #110f03

Colores que combinan con avellana

Complementario

#8E7618 #183090

El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.

Análogos

#903c18 #8E7618 #6c9018

Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.

Tríada

#8E7618 #189078 #781890

Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.

Texto sobre avellana

Ejemplo de texto primario
Texto blanco sobre avellana4.42:1Solo texto grande
Ejemplo de texto primario
Texto casi negro sobre avellana4.02:1Solo texto grande

Medido según las WCAG: 4.5:1 para texto normal y 3:1 para texto grande. Prueba tu propia combinación en el Verificador de contraste

Carta de tonos de avellana

Carta con cinco tonos de avellana, del más claro al más oscuro

Haz clic derecho para guardar la carta, o copia los códigos de arriba.

Paletas de colores con tonos similares

Paletas de colores usando tonos de avellana