Tonos de Marrón: 20 Tipos y HEX
Estos son los 20 tonos de marrón más usados, del más claro al más oscuro.
Explora todos los tonos de marrón, 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 marrón. Haz clic en cualquier tono para copiar su código HEX.
El café es un naranja o un rojo con la luminosidad baja, y por eso se siente como madera, grano tostado y cuero, y no como un color del círculo cromático.
Ancla las paletas cálidas y casi nunca compite. Deja una diferencia clara de luminosidad entre el café del texto y el del fondo.
- serenade#fff5eb
- karry#ffe8d1
- frangipani#ffdbb7
- peach orange#ffce9d
- macaroni and cheese#ffc184
- koromiko#ffb46a
- texas rose#ffa750
- neon carrot#ff9b36
- west side#ff8e1c
- flush orange#ff8103
- mango tango#e87400
- tenn#ce6700
- rose of sharon#b45a00
- brown#9b4d00
- cinnamon#814000
- nutmeg wood finish#673400
- indian tan#4d2700
- cola#341a00
- nero#1a0d00
- black#000000
Marrón: Códigos HEX y RGB
marrón tiene los siguientes códigos de color principales:
HEX: #fff5eb
RGB: (255, 245, 235).
Explora una amplia gama de tonos de marrón 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 marrón
Serenade
#fff5eb
Serenade
#fff5eb
Seashell Peach
#fff7f0
Seashell Peach
#fff7f0
Bridal Heath
#fffaf5
Bridal Heath
#fffaf5
Bridal Heath
#fffaf5
Soapstone
#fffcfa
Soapstone
#fffcfa
White
#ffffff
Explora los tonos más oscuros de marrón
Clinker
#341f09
Brown Derby
#4c3015
Pickled Bean
#654525
Potters Clay
#815e3b
Leather
#9b7855
Sandal
#b49474
Sorrell Brown
#ccb094
Stark White
#e5d1bd
marrón en HEX, RGB, HSL y CMYK
| HEX | #964B00 | |
|---|---|---|
| RGB | rgb(150, 75, 0) | |
| HSL | hsl(30, 100%, 29%) | |
| CMYK | cmyk(0%, 50%, 100%, 41%) |
Tonos claros y oscuros de marrón
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
#cd6600
#ff8307
#ff9f40
#ffbc79
#ffd8b2
#fff5eb
Más oscuros
#7f3f00
#693500
#542a00
#3f1f00
#2a1500
#140a00
Colores que combinan con marrón
Complementario
#964B00 #004a94
El opuesto en el círculo cromático. Contraste máximo: úsalo como acento, no en media página.
Análogos
#940000 #964B00 #949400
Vecinos en el círculo. Tranquilos y coherentes, la forma más segura de armar una paleta.
Tríada
#964B00 #00944a #4a0094
Tres colores a la misma distancia. Vivos y equilibrados; deja que uno mande.
Texto sobre marrón
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 marrón
Haz clic derecho para guardar la carta, o copia los códigos de arriba.