Rubine Red
HEX: #D10056 | Modern Palette
Color Specifications
#D10056
209, 0, 86
335°, 100% ,81%
0, 100, 58.85, 18.04
About Rubine Red
Rubine Red (#D10056) is a color with RGB(209, 0, 86) and HSL(335.31°, 100%, 81.96%). It is commonly associated with Playful moods. In design, it fits Neon, Warm styles and is suitable for Text, Button, Background. Its complementary color is #00D17B, which creates strong contrast. Its triadic palette includes #56D100 and #0056D1. The name comes from rubis (French).
- HEX: #D10056
- RGB: 209, 0, 86
- HSL: 335.31°, 100%, 81.96%
- Mood: Playful
- Style: Neon, Warm
- Use case: Text, Button, Background
- Complementary color: #00D17B
- Triadic colors: #56D100, #0056D1
- The name comes from rubis (French).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #D10056 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The word 'ruby' comes from the Latin 'ruber' meaning red. 'Rubine' is a diminutive or adjectival form, often used in French ('rubin') to describe something related to or having the color of a ruby. In English, 'rubine' as a color name specifically refers to a deep, purplish-red, distinct from a pure ruby red which can sometimes lean more orange. This distinction became important in dye-making, printing, and art to differentiate specific shades. The color #d10056 'Rubine Red' is a modern digital representation of this traditional color, often associated with magenta-like reds.
First Recorded Use
The term 'rubine' as a color descriptor, derived from 'ruby', emerged as a way to describe a specific shade of red. While 'ruby' itself has ancient roots, the specific 'rubine' descriptor for a color, often implying a slightly bluer or deeper red than a pure scarlet, became more formalized in color naming conventions later.
Cultural Associations
Rubies themselves have been highly prized gemstones across many cultures for millennia, symbolizing passion, protection, and prosperity. The color 'rubine red' carries some of these connotations, often associated with richness, vibrancy, and a certain luxurious depth. In printing, 'Rubine Red' is a common process color, especially in the Pantone Matching System, where it's a key component for achieving a wide range of reds and magentas.
Code Snippets
/* Background */
.element {
background-color: #D10056;
}
/* Text */
.element {
color: #D10056;
}
/* Border */
.element {
border: 1px solid #D10056;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#D10056,
#A3FFD9
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#D10056,
#A3FFD9
);
}// SCSS variable
$rubine-red: #D10056;
// With RGB channels (useful for rgba() usage)
$rubine-red-r: 209;
$rubine-red-g: 0;
$rubine-red-b: 86;
// Usage
.element {
background-color: $rubine-red;
color: rgba($rubine-red-r, $rubine-red-g, $rubine-red-b, 0.8);
}