Color Values
HEX
#353839
RGB
rgb(53, 56, 57)
HSL
hsl(195°, 4%, 22%)
CMYK
7%, 2%, 0%, 78%
HSV
195°, 7%, 22%
XYZ
3.62, 3.88, 4.43
Color Variations
Triadic Colors
#353839
#393538
#383935
Analogous Colors
#353839
#353639
#353938
Monochromatic Colors
#101111
#1C1E1F
#292B2C
#353839
CSS Examples
Onyx Stone Pattern
.onyx-stone {
background: linear-gradient(
45deg,
#353839,
#424648 50%,
#353839
);
box-shadow:
inset 0 0 50px rgba(0,0,0,0.5),
0 0 20px rgba(0,0,0,0.3);
border-radius: 8px;
}Onyx Glass Effect
.onyx-glass {
background-color: rgba(53, 56, 57, 0.8);
backdrop-filter: blur(10px);
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
}Onyx Gradient Button
.onyx-button {
background: linear-gradient(
135deg,
#353839,
#4b5153
);
border: none;
color: white;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
transition: transform 0.2s;
&:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
}Onyx Texture
.onyx-texture {
background-color: #353839;
background-image:
radial-gradient(
circle at 1px 1px,
#4b5153 1px,
transparent 0
);
background-size: 10px 10px;
box-shadow: inset 0 0 50px rgba(0,0,0,0.5);
}Onyx Card
.onyx-card {
background: #353839;
border-left: 4px solid #586062;
box-shadow:
-10px 0 20px -10px rgba(0,0,0,0.3),
10px 0 20px -10px rgba(0,0,0,0.3);
transition: all 0.3s ease;
&:hover {
border-left-color: #828c8e;
transform: scale(1.02);
}
}About Onyx Gray
Onyx Gray is a sophisticated dark shade of gray that draws inspiration from the Onyx gemstone. Unlike pure black, it offers a softer, more versatile alternative that maintains a professional appearance while being less harsh on the eyes.
Color Composition
This color is created by mixing black with a small quantity of white, featuring subtle traces of green and blue (cyan). Its RGB values (53, 56, 57) create a balanced, neutral tone that works well in various design contexts.
Historical Significance
The color gets its name from the Onyx gemstone, which was highly valued in ancient Egypt and considered sacred by ancient Romans due to its connection with Mars, the god of war. While the gemstone comes in various colors, the black variety remains the most famous and influential in design.
Modern Applications
- Dark theme interfaces in applications
- Professional web design
- Interior design accents
- Fashion and jewelry
- Corporate branding
Color Harmony
Onyx Gray pairs exceptionally well with:
- Deep colors (red, yellow, green, emerald)
- Vibrant accent colors
- Light neutrals for contrast
- Metallic finishes
Design Tips
- Use as a softer alternative to pure black
- Perfect for creating professional, modern interfaces
- Excellent for text and UI elements
- Creates subtle depth in designs
- Works well in both minimal and complex layouts
