El óxido es un tono cálido y terroso que mezcla rojo y naranja con un toque de marrón. Se encuentra en el espectro rojo-naranja y transmite una sensación acogedora y envejecida. Tonos como siena y terracota son similares. Ideal para añadir un toque rústico a los diseños o evocar una sensación vintage.
El óxido se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #B7410E
- Valor RGB: 71.8% rojo, 25.5% verde, 5.5% azul
Las consideraciones de accesibilidad juegan un papel crucial en la elección de colores para el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurar que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Para variaciones dentro del mismo espectro que el óxido, considera:
- Terracota (#e35336): Presenta un tono cálido y terroso similar al óxido, con un matiz rojo ligeramente más rico.
- Siena Quemada (#ed7b58): Comparte la apariencia natural y soleada del óxido, ofreciendo un tono más suave y claro con un tinte naranja.
- Cinabrio (#e84b3d): Captura la vibrante vivacidad del óxido, añadiendo un toque de rojo ardiente para un aspecto más intenso y vívido.
- Rojo Ladrillo (#c04657): Refleja la clásica y robusta vibra del óxido, proporcionando un color marrón rojizo más profundo y apagado.
Para complementar el óxido, considera combinarlo con:
- Aqua (#00fff0): El tono fresco y refrescante de Aqua contrasta hermosamente con la calidez terrosa del óxido, creando un aspecto equilibrado.
- Azul Polvo (#b8e3e9): La naturaleza suave y calmante del azul polvo suaviza la intensidad del óxido, resultando en una paleta serena.
- Chartreuse (#ccff00): Chartreuse añade un toque de color vivo, realzando la vivacidad del óxido y creando un impacto visual llamativo.
- Beige (#ede8d0): Beige ofrece un fondo sutil y neutral que resalta la riqueza del óxido, asegurando que siga siendo el punto focal.
Otros colores que vale la pena considerar incluyen Crema para un ambiente cálido y acogedor y Verde Bosque para una combinación inspirada en la naturaleza y terrosa.
Aunque el óxido es profundo y terroso, puede chocar con:
- Rosa Neón (#FF13F0): La intensidad vívida de este color puede abrumar la calidez sutil del óxido, llevando a un contraste visual disruptivo.
- Verde Neón (#2CFF05): Su naturaleza brillante y eléctrica entra en conflicto con el tono natural y terrenal del óxido, creando una combinación visualmente inquietante.
- Cian (#00FFFF): Con su tono brillante y fresco, el cian puede producir un contraste demasiado marcado contra el óxido, haciendo que las composiciones se sientan desequilibradas.
- Azul Eléctrico (#00F0FF): La alta energía y frescura de este color chocan con las cualidades cálidas y apagadas del óxido, resultando en un efecto discordante.
- Lavanda (#D3D3FF): La naturaleza ligera y pastel de la lavanda puede desvanecerse cuando se coloca junto al óxido, llevando a una sensación menos cohesiva.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Aguas Rústicas
Surf Terracota
Llama de Canela
Comprobador de contraste
Contraste 5,56
- Texto largo
#B7410E
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Desaprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 3,78
- Texto largo
#B7410E
- 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 #b7410e, también llamado Óxido, tiene valores RGB de R:183, G:65, B:14 y valores CMYK de C:0, M:64, Y:92, K:28.
| VALUE | CSS | |
|---|---|---|
| HEX | #b7410e | #b7410e |
| RGB DECIMAL | 183, 65, 14 | RGB(183,65,14) |
| RGB PERCENTAGE | 71.8, 25.5, 5.5 | RGB(71.8%,25.5%,5.5%) |
| CMYK | 0, 64, 92, 28 | |
| HSL | HSL(18.1, 85.8%, 38.6%) | HSL(18.1, 85.8%, 38.6%) |
| HSV (OR HSB) | 18.1°, 92.3, 71.8 | |
| WEB SAFE | #204510 | #204510 |
| BINARY | 10110111, 01000001, 00001110 | |
| iOS - SwiftUI | Color(red: 0.718, green: 0.255, blue: 0.055) | |
| iOS - UIKit | UIColor(red: 0.718, green: 0.255, blue: 0.055, alpha: 1) | |
| Android - Compose | Color(0xFFB7410E) |