luxury
Obsidian and Silver
9.28:1 contrast ratio —
AAAVisual Preview
#1B1B2FObsidian
#C0C0C0Silver
The quick brown fox
Body text — Obsidian on Silver
Supporting text at reduced opacity
Badge
Reversed — Silver on Obsidian
Inverted combination preview
Contrast Analysis
Contrast Ratio
9.28:1
AAAWCAG AA
✓ Pass
Requires 4.5:1
WCAG AA Large
✓ Pass
Requires 3:1
WCAG AAA
✓ Pass
Requires 7:1
Color Values
Obsidian
Foreground (Text)
- HEX
- #1B1B2F
- RGB
- rgb(27, 27, 47)
- HSL
- hsl(240, 27%, 15%)
Silver
Background
- HEX
- #C0C0C0
- RGB
- rgb(192, 192, 192)
- HSL
- hsl(0, 0%, 75%)
Design Use Cases
- Luxury brand identity
- Premium packaging
- Award ceremonies
- High-end fashion
- Fine dining
Industry Recommendations
Luxury Retail
Hospitality
Jewelry
High Fashion
Premium Automotive
Color Psychology
The Obsidian tone evokes sophistication, power, and elegance, while Silver brings neutrality, balance, and professionalism. Together, they create a balanced palette suited for compelling visual communication.
Palette Exports
:root {
--color-obsidian: #1B1B2F;
--color-silver: #C0C0C0;
}
.combo-obsidian-silver {
color: var(--color-obsidian);
background-color: var(--color-silver);
}Quick Snippets
CSS Variables
:root {
--color-obsidian: #1B1B2F;
--color-silver: #C0C0C0;
}Tailwind CSS
<div class="bg-stone-300 text-slate-900"> Your content here </div>