El ónix es un negro profundo y rico, que emana una sensación elegante y sofisticada. Se encuentra en el extremo más oscuro de la rueda de colores, compartiendo tonos con ébano y carbón. Las variantes incluyen negro azabache y negro mate. Usa ónix en el diseño para un efecto audaz y dramático o para añadir profundidad en estilos modernos y minimalistas.
El ónix se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #353839
- Valor RGB: 20.8% rojo, 22.0% verde, 22.4% 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 ónix, considera:
- Negro Azabache (#252525): El negro azabache ofrece un color profundo e intenso similar al ónix, emanando una sensación de profundidad y riqueza a menudo asociada con tonos de negro sólido.
- Carbón (#4a4a4a): El carbón proporciona un tono oscuro ligeramente más suave con sus matices apagados, asemejándose a la elegancia sutil del ónix mientras mantiene esa esencia de negro elegante.
- Ébano (#5d6658): El ébano presenta un tono negro profundo con matices cálidos, estrechamente aliado con el ónix, y evoca el mismo atractivo atemporal que se encuentra en muchos colores intensos.
- Azul Medianoche (#272757): Este color captura la intensa profundidad del ónix con una cualidad oscura, casi mística. Aunque contiene toques de azul, el tono oscuro general se alinea con la esencia del ónix.
Para complementar el ónix, considera emparejarlo con:
- Naranja Quemado (#BE5103): Los tonos cálidos y terrosos del naranja quemado crean un contraste llamativo con el ónix, realzando su atractivo negro profundo.
- Champán (#F7E6CA): Este tono suave y cremoso proporciona un contraste elegante y sutil al ónix. Su combinación tiene un ambiente lujoso y sofisticado que resalta la rica profundidad del ónix sin sobrecargarlo.
- Verde Azulado (#069494): El tono fresco y vibrante del verde azulado complementa la intensidad del ónix, introduciendo un contraste refrescante y animado que mejora el interés visual.
- Verde Oliva (#636B2F): El verde oliva aporta un toque orgánico a la elegancia del ónix, equilibrando su tono negro sólido con calidez natural.
- Oro Rosa (#DEA193): El metálico rosado y brillante del oro rosa añade un toque de glamour, contrastando hermosamente con el acabado fuerte y brillante del ónix.
Aunque el ónix es un tono profundo y misterioso, puede chocar con:
- Aqua (#00FFF0): Su vibración puede abrumar la sutileza del ónix, resultando en un contraste marcado y desequilibrado.
- Melocotón (#FFD3AC): Los tonos suaves y cálidos del melocotón pueden parecer deslavados frente a la fuerte profundidad del ónix, llevando a una exhibición visual disonante.
- Chartreuse (#CCFF00): Este tono altamente saturado crea una tensión discordante cuando se combina con las cualidades oscuras y apagadas del ónix.
- Azul Neón (#2323FF): Con su intensidad eléctrica, el azul neón tiende a dominar sobre el ónix, interrumpiendo cualquier equilibrio o sofisticación pretendida.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Eclipse Urbano
Niebla Monocromática
Refugio de Sombras
Comprobador de contraste
Contraste 11,82
- Texto largo
#353839
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 1,78
- Texto largo
#353839
- 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 #353839, también llamado Ónix, tiene valores RGB de R:53, G:56, B:57 y valores CMYK de C:7, M:2, Y:0, K:78.
| VALUE | CSS | |
|---|---|---|
| HEX | #353839 | #353839 |
| RGB DECIMAL | 53, 56, 57 | RGB(53,56,57) |
| RGB PERCENTAGE | 20.8, 22.0, 22.4 | RGB(20.8%,22.0%,22.4%) |
| CMYK | 7, 2, 0, 78 | |
| HSL | HSL(195.0, 3.6%, 21.6%) | HSL(195.0, 3.6%, 21.6%) |
| HSV (OR HSB) | 195.0°, 7.0, 22.4 | |
| WEB SAFE | #515151 | #515151 |
| BINARY | 00110101, 00111000, 00111001 | |
| iOS - SwiftUI | Color(red: 0.208, green: 0.220, blue: 0.224) | |
| iOS - UIKit | UIColor(red: 0.208, green: 0.220, blue: 0.224, alpha: 1) | |
| Android - Compose | Color(0xFF353839) |