El ónix es un negro profundo y rico, que emana una sensación elegante y sofisticada. Se encuentra en el extremo más oscuro del círculo cromático, compartiendo matices con el ébano y el carbón. Las variantes incluyen negro azabache y negro mate. Usa el ó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
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 ó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 negros sólidos.
- 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 negra 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 calidad 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 profunda atracción negra.
- Champán (#F7E6CA): Este tono suave y cremoso proporciona un sutil contraste elegante al ónix. Su combinación tiene un ambiente lujoso y sofisticado que resalta la rica profundidad del ónix sin sobrecargarlo.
- Verde petróleo (#069494): El tono fresco y vibrante del verde petróleo complementa la intensidad del ónix, introduciendo un contraste refrescante y animado que realza el interés visual.
- Verde oliva (#636B2F): El verde oliva aporta un toque orgánico a la elegancia del ónix, equilibrando su sólido tono negro con calidez natural.
- Oro rosa (#DEA193): El brillo metálico rosado del oro rosa añade un toque de glamour, contrastando hermosamente contra el acabado fuerte y brillante del ónix.
Aunque el ónix es un tono profundo y misterioso, puede chocar con:
- Aqua (#00FFF0): Su vibrante intensidad puede abrumar la sutileza del ónix, resultando en un contraste marcado y desequilibrado.
- Durazno (#FFD3AC): Los tonos suaves y cálidos del durazno pueden parecer deslavados contra 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
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Eclipse Urbana
Niebla Monocromática
Refugio de Sombras
Verificador de contraste
Contraste 11,82
- Texto grande
#353839
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 1,78
- Texto grande
#353839
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #353839, también conocido como Ó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) |
