20 Tonos Diferentes de Color Marrón (+ Códigos HEX)
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 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.