17 Tonos Diferentes de Color Madera (+ Códigos HEX)

Explora todos los tonos de madera, 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 madera. Haz clic en cualquier tono para copiar su código HEX.

La madera no es un color sino una temperatura: el roble tira al amarillo, el nogal al chocolate y la caoba al rojo. Mezclar dos temperaturas en un render se lee como un error de iluminación.

Acompaña cualquiera con salvia, pizarra o blanco roto y el material hace el resto.

  • white
    #ffffff
  • merino
    #f8f3ed
  • dawn pink
    #f0e7db
  • bone
    #e9dbca
  • pavlova
    #dac3a6
  • sorrell brown
    #d2b694
  • tan
    #cbaa82
  • twine
    #c39e71
  • muddy waters
    #bc925f
  • driftwood
    #b5864d
  • cape palliser
    #a47945
  • potters clay
    #926c3d
  • old copper
    #6f522e
  • irish coffee
    #5d4427
  • metallic bronze
    #4b371f
  • black marlin
    #392a18
  • eternity
    #271d10

Madera: Códigos HEX y RGB

madera tiene los siguientes códigos de color principales:

  • HEX: #ffffff

  • RGB: (255, 255, 255).

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 madera

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

Explora los tonos más oscuros de madera

  • Aubergine

    #330a0a

  • Brown Derby

    #4f1717

  • Buccaneer

    #662929

  • Lotus

    #814141

  • Au Chico

    #995c5c

  • Brandy Rose

    #b47e7e

  • Eunry

    #cca3a3

  • Dust Storm

    #e7d0d0

madera en HEX, RGB, HSL y CMYK

HEX#C19A6B
RGBrgb(193, 154, 107)
HSLhsl(33, 41%, 59%)
CMYKcmyk(0%, 20%, 45%, 24%)

Tonos claros y oscuros de madera

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

  • #cbaa82

  • #d4b998

  • #ddc8ae

  • #e6d7c4

  • #f0e6da

  • #f9f5f1

Más oscuros

  • #b3844b

  • #926c3d

  • #71542f

  • #503b22

  • #2f2314

  • #0e0b06

Colores que combinan con madera

Complementario

#C19A6B #6c92c1

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

Análogos

#c1706c #C19A6B #bdc16c

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

Tríada

#C19A6B #6cc19b #9b6cc1

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

Texto sobre madera

Ejemplo de texto primario
Texto blanco sobre madera2.59:1Fallido
Ejemplo de texto primario
Texto casi negro sobre madera6.84:1AA

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 madera

Carta con cinco tonos de madera, 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