El carbón es un tono oscuro, neutro y versátil de gris que se asemeja al residuo dejado por la quema de madera o carbón. Se encuentra en el extremo más oscuro del espectro de grises en el círculo cromático, encarnando un tono profundo y sutil. El carbón incluye variaciones que van desde casi negro hasta un gris ahumado más claro.
El carbón se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #4A4A4A
- Valor RGB: 29% rojo, 29% verde y 29% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de aprovechar las cualidades versátiles y sutiles del carbón:
- Establecer un tono profesional. Usa el carbón en elementos de UI para aplicaciones empresariales, sitios web corporativos y herramientas profesionales para transmitir fiabilidad y autoridad.
- Usar como fondo y base. El carbón es un excelente color de fondo porque es menos agresivo que el negro y puede reducir la fatiga visual. Proporciona una base fuerte y neutra que hace que otros colores resalten, ideal para paneles de control e interfaces detalladas.
- Considerar su uso para texto y tipografía. El carbón es una gran alternativa al negro para el texto, ofreciendo un contraste más suave con fondos claros que puede facilitar la lectura. Es particularmente útil para bloques grandes de texto o información detallada.
- Crear profundidad y capas. Mezclar carbón con tonos de gris puede crear profundidad, ayudando a guiar la vista del usuario a través de la interfaz de manera estructurada.
Ten en cuenta que el color y su significado pueden cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro profundo y apagado que el carbón, considera:
- Gunmetal (#353E43) es ligeramente más oscuro con un matiz azulado, dándole una apariencia más fría, similar al carbón.
- Onyx (#353839) tiene un tono casi negro que comparte las cualidades serias y versátiles del carbón.
- Gris pizarra oscuro (#2F4F4F) ofrece un toque de verde, proporcionando una opción igualmente oscura y sutil.
- Outer Space (#414A4C) presenta un azul más oscuro, manteniendo las características oscuras y neutras del carbón.
Para complementar los tonos sofisticados del carbón, considera emparejarlo con:
- Crema (#FDFBD4) proporciona un contraste suave que ilumina la apariencia severa del carbón.
- Rojo cereza (#FF1A1A) destaca contra el carbón, ofreciendo un toque vibrante de color.
- Azul cielo (#87CEEB) añade un efecto sereno y calmante, complementando la naturaleza discreta del carbón.
- Oro pálido (#E6BE8A) introduce un brillo sutil, realzando la profundidad del carbón.
- Verde menta (#ADEBB3) aporta un toque fresco y vibrante que aligera el ambiente cuando se combina con carbón.
Otros colores que vale la pena considerar incluyen azul marino para un aspecto profesional, terracota para un contraste cálido y lavanda suave para un toque primaveral.
Aunque el carbón es versátil, puede chocar con:
- Amarillo brillante (#FFFF00) puede parecer demasiado fuerte y puede dominar la naturaleza sutil del carbón.
- Rosa fuerte (#FF69B4) tiende a competir por la atención, potencialmente chocando con la elegancia discreta del carbón.
- Azul eléctrico (#00F0FF) podría ser demasiado vibrante, eclipsando las cualidades sutiles del carbón.
- Verde neón (#2CFF05) crea un alto contraste que puede ser discordante contra el tono oscuro del carbón.
- Naranja brillante (#FFA500) compite fuertemente con el carbón, potencialmente creando una combinación visualmente incómoda.
Como color, el carbón simboliza fuerza, estabilidad y sofisticación. En la psicología del color, el carbón se ve como un color fuerte, a menudo conservador, que sugiere fiabilidad y modestia.
En el diseño UI, los tonos grises profundos y apagados del carbón ofrecen una sensación de estabilidad y neutralidad, haciéndolo una elección popular en contextos donde la elegancia discreta es un objetivo. Es menos severo que el negro, proporcionando una alternativa más suave que aún retiene gran parte de la gravedad y formalidad asociadas con los tonos más oscuros.
El carbón toma su nombre y cualidades de la sustancia real utilizada para dibujar y como combustible. El carbón ha sido utilizado como material de dibujo durante miles de años debido a su capacidad para producir líneas ricas y profundas que pueden ser fácilmente difuminadas o mezcladas para lograr un efecto artístico. Su uso se remonta a tiempos prehistóricos, con piezas de carbón encontradas en cuevas junto a dibujos de los primeros humanos.
Hoy en día, el carbón es prevalente tanto en la moda como en el diseño, favorecido por su capacidad para combinar bien con una amplia gama de colores y su idoneidad para entornos profesionales.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Los Básicos
Carbón Gráfico
Ceniza Fría
Comprobador de contraste
Contraste 8,86
- Texto largo
#4A4A4A
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 2,37
- Texto largo
#4A4A4A
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #4a4a4a, también llamado carbón, tiene valores RGB de R:74, G:74, B:74 y valores CMYK de C:0, M:0, Y:0, K:71.
| VALUE | CSS | |
|---|---|---|
| HEX | #4a4a4a | #4a4a4a |
| RGB DECIMAL | 74, 74, 74 | RGB(74,74,74) |
| RGB PERCENTAGE | 29.0, 29.0, 29.0 | RGB(29.0%,29.0%,29.0%) |
| CMYK | 0, 0, 0, 71 | |
| HSL | HSL(0.0, 0.0%, 29.0%) | HSL(0.0, 0.0%, 29.0%) |
| HSV (OR HSB) | 0.0°, 0.0, 29.0 | |
| WEB SAFE | #515151 | #515151 |
| BINARY | 01001010, 01001010, 01001010 | |
| iOS - SwiftUI | Color(red: 0.290, green: 0.290, blue: 0.290) | |
| iOS - UIKit | UIColor(red: 0.290, green: 0.290, blue: 0.290, alpha: 1) | |
| Android - Compose | Color(0xFF4A4A4A) |
