Onyx is a deep, rich black, exuding a sleek and sophisticated feel. It sits at the darkest end of the color wheel, sharing hues with ebony and charcoal. Variants include jet black and matte black. Use onyx in design for a bold, dramatic effect or to add depth in modern, minimalist styles.
Onyx is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #353839
- RGB value: 20.8% red, 22.0% green, 22.4% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as onyx, consider:
- Jet Black (#252525): Jet Black offers a deep, intense color similar to Onyx, exuding a sense of depth and richness often associated with solid black hues.
- Charcoal (#4a4a4a): Charcoal provides a slightly softer, dark shade with its muted undertones, resembling Onyx's subtle elegance while maintaining that sleek black essence.
- Ebony (#5d6658): Ebony presents a deep black hue with warm undertones, closely allied with Onyx, and evokes the same timeless appeal found in many intense colors.
- Midnight Blue (#272757): This color captures the intense depth of Onyx with a dark, almost mystical quality. Though it contains hints of blue, the overall dark shade aligns with Onyx's essence.
To complement Onyx, consider pairing it with:
- Burnt Orange (#BE5103): The warm and earthy tones of burnt orange create a striking contrast with onyx, enhancing its deep black allure.
- Champagne (#F7E6CA): This soft and creamy shade provides a subtle elegant offset to onyx. Their pairing has a luxurious, sophisticated vibe that highlights onyx's rich depth without overpowering it.
- Teal (#069494): Teal's cool, vibrant hue complements onyx's intensity, introducing a refreshing, lively contrast that enhances visual interest.
- Olive Green (#636B2F): Olive green brings an organic touch to onyx’s sleekness, balancing its solid black hue with natural warmth.
- Rose Gold (#DEA193): The shimmering, pinkish metallic of rose gold adds a touch of glamour, contrasting beautifully against the strong, glossy finish of onyx.
While Onyx is a deep, mysterious shade, it may clash with:
- Aqua (#00FFF0): Its vibrancy can overwhelm Onyx's subtlety, resulting in a stark and unbalanced contrast.
- Peach (#FFD3AC): The soft and warm tones of peach can appear washed out against the strong depth of Onyx, leading to a disjointed visual display.
- Chartreuse (#CCFF00): This highly saturated hue creates a jarring tension when paired with the dark and muted qualities of Onyx.
- Neon Blue (#2323FF): With its electric intensity, Neon Blue tends to dominate over Onyx, disrupting any intended balance or sophistication.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Urban Eclipse
Monochrome Mist
Shadow Haven
Contrast checker
Contrast 11.82
- Large Text
#353839
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.78
- Large Text
#353839
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #353839, known as Onyx, has RGB values of R:53, G:56, B:57 and CMYK values of 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) |
