Rubine Red

HEX: #D10056 | Modern Palette

On White
5.46:1
PASS
On Black
3.85:1
FAIL

Color Specifications

HEX
#D10056
RGB
209, 0, 86
HSL
335°, 100% ,81%
CMYK
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

LIGHT
DARK
System Notification Box

Color Palettes

Rubine Red #D10056 is used in Monochromatic, Neutral + Accent, Analogous, 3 + 1 + 1 palettes, giving designers ready-made combinations for backgrounds, surfaces, accents, and interface elements.

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
 
 
RUBINE RED
 
 
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
 
 
RUBINE RED
 
 
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
 
 
RUBINE RED
 
 
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.
 
 
 
 
 

Color Harmonies

Rubine Red #D10056 pairs with #00D17B as its complementary color, and #56D100 and #0056D1 in triadic combinations. These harmony relationships help create balanced color combinations for UI, branding, and design work.

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

RUBINE RED
Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

RUBINE RED
Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

RUBINE RED
Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

RUBINE RED
Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

RUBINE RED
Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

RUBINE RED

Shades & Tints

The shade and tint range for Rubine Red #D10056 moves from dark #1A000A tones through the base color to lighter #FFE6F0 tones, making it useful for depth, hierarchy, and background variation.

RUBINE RED

Color Characteristics

Mood
Playful
Style
Neon Warm
Use case
Text Button Background

Accessibility Simulation

Deuteranopia #77774F
Protanopia #4B4B57
Tritanopia #CF1C1C
Achromatopsia #696969

Frequently Asked Questions

Rubine Red (#D10056) is a color with RGB(209, 0, 86) and HSL(335.31°, 100%, 81.96%).

#D10056 pairs strongly with #00D17B as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#D10056 is suitable for Text, Button, Background and works well with Neon, Warm styles.

#D10056 is commonly associated with Playful.

The name Rubine Red is linked to rubis from French, meaning ruby.

Name, History & Etymology

Origin Word rubis
Meaning ruby
Language French
First Recorded Use Late Middle Ages

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.

Similar Named Colors
Debian Red #D70A53 ΔE 2.27
Rose Red #C21E56 ΔE 2.57
Pictorial Carmine #C30B4E ΔE 2.86
Ruby #E0115F ΔE 3.72

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);
}