Código de color y paleta
Tonos de Marrón
El marrón aporta calidez material y estabilidad a las paletas digitales. Los tonos arena, caramelo y espresso combinan de forma natural con crema, verde y naranja apagado en sistemas táctiles o de inspiración tradicional.
Formatos de color
El mismo color base en los formatos web más habituales.
Tonos
| Color | Nombre | HEX | RGB | HSL | Copiar |
|---|---|---|---|---|---|
| Cream | #FFFBEB | 255, 251, 235 | 48, 100%, 96% | ||
| Vanilla | #FEF3C7 | 254, 243, 199 | 48, 96%, 89% | ||
| Beige | #FDE68A | 253, 230, 138 | 48, 97%, 77% | ||
| Sand | #FCD34D | 252, 211, 77 | 46, 97%, 65% | ||
| Tan | #FBBF24 | 251, 191, 36 | 43, 96%, 56% | ||
| Camel | #F59E0B | 245, 158, 11 | 38, 92%, 50% | ||
| Amber | #D97706 | 217, 119, 6 | 32, 95%, 44% | ||
| Bronze | #B45309 | 180, 83, 9 | 26, 90%, 37% | ||
| Brown | #92400E | 146, 64, 14 | 23, 83%, 31% | ||
| Dark Brown | #78350F | 120, 53, 15 | 22, 78%, 26% | ||
| Sepia Light | #FEF2F2 | 254, 242, 242 | 0, 86%, 97% | ||
| Blush Brown | #FEE2E2 | 254, 226, 226 | 0, 93%, 94% | ||
| Taupe Light | #FECACA | 254, 202, 202 | 0, 96%, 89% | ||
| Taupe | #FCA5A5 | 252, 165, 165 | 0, 94%, 82% | ||
| Cocoa | #F87171 | 248, 113, 113 | 0, 91%, 71% | ||
| Terracotta | #EF4444 | 239, 68, 68 | 0, 84%, 60% | ||
| Rust | #DC2626 | 220, 38, 38 | 0, 72%, 51% | ||
| Brick | #B91C1C | 185, 28, 28 | 0, 74%, 42% | ||
| Mahogany | #991B1B | 153, 27, 27 | 0, 70%, 35% | ||
| Espresso | #7F1D1D | 127, 29, 29 | 0, 63%, 31% |
Palabra clave CSS: brown
En CSS puedes escribirlo con la palabra clave brown.
Contraste del texto
Estas relaciones usan la fórmula de luminancia relativa de las WCAG.
Formas de usar el Marrón
Marcas de alimentación, artesanía y tradición
Packaging de productos naturales
Fondos cálidos y acentos tipográficos
Colores que combinan con Marrón
Armonías de la rueda de color creadas a partir de #A16207. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.
Complementario
Abrir en la rueda de colorTonos opuestos para el máximo contraste y acentos llenos de energía.
Triádico
Abrir en la rueda de colorTres tonos equidistantes para sistemas coloridos y equilibrados.
Complementario dividido
Abrir en la rueda de colorUn color base y los dos vecinos de su complementario: contraste con menos tensión.