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 castaño rojizo. Usa 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
La accesibilidad juega un papel clave en la elección de colores en el diseño UX y UI. La comunidad de Figma ofrece plugins para ayudarte a cumplir con las Web Content Accessibility Guidelines.
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.
- Rojo-marrón (#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 vivacidad del naranja brillante puede sobrepasar 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Crepúsculo Castaño Rojizo
Surf Siena
Menta Cobre
Verificador de contraste
Contraste 6,6
- Texto grande
#954535
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,18
- Texto grande
#954535
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #954535, también conocido como 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) |
