Ruby Ring
#971233A vivid red with emotional weight. Draws the eye and adds passion to feature walls and architectural details.
Spec Sheet
Hex#971233
RGB151, 18, 51
HSL345°, 79%, 33%
On White 8.57:1 AAA
On Black 2.45:1 Fail
For AI Tools
Copy this snippet and paste it into any AI tool
Use these colors for all components: Background: #F0EBEC Text: #200E12 Accent: #971233 Support: #74A498 Neutral: #D4CCC9 Rules: - Use Background for surfaces and canvas - Use Ink for body text and icons - Never use Accent as body text — contrast is too low - Maintain 4.5:1 minimum contrast for normal text
Design System from Ruby Ring Palettes are free. Exports aren't.
CSS Variables
:root {
--palette-background: #F0EBEC;
--palette-ink: #200E12;
--palette-accent: #971233;
--palette-support: #74A498;
--palette-neutral: #D4CCC9;
}Tailwind Config
{
"palette-background": "#F0EBEC",
"palette-ink": "#200E12",
"palette-accent": "#971233",
"palette-support": "#74A498",
"palette-neutral": "#D4CCC9"
}Color Blindness Simulation
#3D3B33
Protanopia#5E562F
Deuteranopia#A60022
TritanopiaBuild a design system around Ruby Ring.