El castaño es un marrón cálido y terroso que evoca comodidad y estabilidad. Posicionado en el espectro de los marrones, tiene ricos matices rojizos. Tonos similares incluyen caoba y rojizo. Usa el castaño en diseños para una sensación acogedora y sólida.
El castaño se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #954535
- Valor RGB: 58.4% rojo, 27.1% verde, 20.8% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
Para variaciones dentro del mismo espectro que el castaño, considera:
- Marrón (#895129): Este color comparte un tono rico y terroso, reflejando los tonos cálidos y naturales del castaño.
- Marrón rojizo (#942222): Exhibiendo una mezcla de rojo y marrón, este tono se alinea con la esencia cálida y sólida del castaño.
- Coñac (#a2574f): Este color combina calidez terrosa con matices rojizos, recordando la riqueza acogedora del castaño.
- Moca (#6d3b07): El tono profundo y robusto del moca se alinea con las características terrosas y reconfortantes del castaño.
Para complementar el castaño, considera emparejarlo con:
- Verde menta (#ADEBB3): Este color refrescante añade un contraste sereno al castaño, realzando su calidez con un toque fresco.
- Azul aciano (#6395EE): Ofrece un contraste llamativo que energiza la paleta, haciendo que el castaño destaque vibrante.
- Rosa empolvado (#DCA1A1): Suaviza la fuerte presencia del castaño, creando un aspecto equilibrado y sofisticado.
- Verde oliva (#636B2F): Añade una sensación orgánica y terrosa que complementa el encanto natural del castaño.
Aunque el castaño es un tono rico y cálido, puede chocar con:
- Rosa neón (#FF13F0): El brillo del rosa neón compite con el castaño, creando una discordia visual intensa.
- Cian (#00FFFF): El alto contraste del cian puede parecer duro contra el castaño, rompiendo el equilibrio.
- Naranja brillante (#FF991C): La viveza del naranja brillante puede dominar la sutileza cálida del castaño, llevando a una tensión visual.
- Azul eléctrico (#00F0FF): Este azul vibrante contrasta fuertemente con los tonos terrosos del castaño, creando un efecto potencialmente discordante.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Crepúsculo Rojizo
Oleaje Siena
Menta Cobriza
Comprobador de contraste
Contraste 6,6
- Texto largo
#954535
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,18
- Texto largo
#954535
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Aprobar | Desaprobar | |
Aprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #954535, también llamado Castaño, tiene valores RGB de R:149, G:69, B:53 y valores CMYK de C:0, M:54, Y:64, K:42.
| VALUE | CSS | |
|---|---|---|
| HEX | #954535 | #954535 |
| RGB DECIMAL | 149, 69, 53 | RGB(149,69,53) |
| RGB PERCENTAGE | 58.4, 27.1, 20.8 | RGB(58.4%,27.1%,20.8%) |
| CMYK | 0, 54, 64, 42 | |
| HSL | HSL(10.0, 47.5%, 39.6%) | HSL(10.0, 47.5%, 39.6%) |
| HSV (OR HSB) | 10.0°, 64.4, 58.4 | |
| WEB SAFE | #1535151 | #1535151 |
| BINARY | 10010101, 01000101, 00110101 | |
| iOS - SwiftUI | Color(red: 0.584, green: 0.271, blue: 0.208) | |
| iOS - UIKit | UIColor(red: 0.584, green: 0.271, blue: 0.208, alpha: 1) | |
| Android - Compose | Color(0xFF954535) |
