Home /Compare /Red vs Ruby

Red vs Ruby: What's the Difference?

The main difference between Red and Ruby is brightness and saturation: both are red shades, but Red is lighter and Red is more saturated. Red and Ruby are often confused but have distinct differences in hue, saturation, and tone. Red (#FF0000) and Ruby (#9B111E) each suit different design contexts — understanding their differences helps you choose the right color for your project.

Red#FF0000
Ruby#9B111E
#FF0000Blended: #CD090F#9B111E
ShareSave to PinterestTweet

Red vs Ruby: Key Differences at a Glance

Aspect Red Ruby
BrightnessMedium (L=50%) — balanced, versatileDark (L=34%) — rich, serious, substantial
SaturationVivid (S=100%) — bright, energetic, eye-catchingVivid (S=80%) — bright, energetic, eye-catching
Hue familyRedRed
TemperatureWarmWarm
Hex code#FF0000#9B111E
RGB255, 0, 0155, 17, 30

Can you use Red and Ruby together?

Ruby text on Red
Red text on Ruby
Contrast Ratio:2.11:1Insufficient Contrast

How to Tell Red and Ruby Apart

  • ●Look at lightness first: Red is noticeably lighter.
  • ●Check saturation: Red looks more vivid and saturated.
  • ●Compare them on a white background to see true saturation, and on black to see true lightness.

Red or Ruby: Which to Use and Where

Four real design scenarios, with the recommended pick based on hue, saturation, and WCAG contrast.

◆Branding & logos
PickRed

Red is more saturated (100% HSL vs 80%) so it reads as bolder and more memorable at logo scale, while Ruby can feel washed out when printed small.

▢Web UI & body text backgrounds
PickRuby

Ruby hits a 8.42:1 WCAG contrast against white — safer for text-heavy interfaces — where Red only reaches 4.00:1 and risks failing AA at small body sizes.

⬡Fashion & apparel
PickRed

Red is a warm tone that flatters spring/summer collections and warmer skin undertones, while Ruby leans warmer and is better suited to autumn/winter layering.

▣Interior design & walls
PickRuby

Ruby is the more muted of the two (80% saturation) and sits more calmly on large wall surfaces, while Red's higher chroma can overwhelm a room when used beyond accent pieces.

When to Use Red vs Ruby in Design

Use Red for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion
Use Ruby for:
●Alerts, errors, stop states
●Sale & promotion banners
●Food and beverage packaging
●Sports and energy branding
●Romantic & bold fashion

Red and Ruby Hex Codes, RGB & HSL

Red#FF0000

Red (#FF0000) is a medium, vivid red with a warm undertone — it feels balanced, versatile and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Ruby#9B111E

Ruby (#9B111E) is a dark, vivid red with a warm undertone — it feels rich, serious, substantial and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Red and Ruby WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Red text on white
4:1AA Large
Sample text preview
Red text on black
5.25:1AA
Sample text preview
Ruby text on white
8.42:1AAA
Sample text preview
Ruby text on black
2.49:1Fail
Sample text preview
Red text on Ruby
2.11:1Fail
Sample text preview
Ruby text on Red
2.11:1Fail

Explore Red and Ruby individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Red color page#FF0000 · shades, tints, pairingsRuby color page#9B111E · shades, tints, pairings

More Red and Ruby Comparisons

RedvsWineRubyvsWineRedvsBlueRubyvsGreyRedvsGreyRubyvsBrickCoralvsRedBrownvsRubyRedvsBrickRubyvsGarnetBlackvsRedTomatovsRuby

Red vs Ruby FAQ

What is the difference between red and ruby?+
The main difference between Red and Ruby is brightness and saturation: both are red shades, but Red is lighter and Red is more saturated. Red and Ruby are often confused but have distinct differences in hue, saturation, and tone. Red (#FF0000) and Ruby (#9B111E) each suit different design contexts — understanding their differences helps you choose the right color for your project.
Is red darker than ruby?+
No. Ruby is the darker of the two at 34% lightness, while Red sits higher at 50%.
Are red and ruby the same color?+
No. Red is #FF0000 and Ruby is #9B111E. They differ by 6° in hue, 16% in lightness, and 20% in saturation.
Which is more saturated, red or ruby?+
Red is more saturated. In HSL, Red has 100% saturation and Ruby has 80% — Red is the more vivid of the two, while Ruby reads as more muted.
Is red warm or cool?+
Red (#FF0000) is a warm red. Its hue sits at 0° on the color wheel, which places it in the warm range.
Is ruby warm or cool?+
Ruby (#9B111E) is a warm red. Its hue sits at 354° on the color wheel, which places it in the warm range.
Can you use red and ruby together?+
Yes. Both red and ruby are red shades, so they pair naturally in a monochromatic palette. Use ruby as the dominant color and red as the accent or highlight.
What color family does red belong to?+
Red belongs to the red family. Its HSL is 0°, 100%, 50% — a warm tone within the broader red group.
What is the hex code for red?+
The hex code for Red is #FF0000. In RGB, that's rgb(255, 0, 0), and in HSL it's hsl(0, 100%, 50%).
What is the hex code for ruby?+
The hex code for Ruby is #9B111E. In RGB, that's rgb(155, 17, 30), and in HSL it's hsl(354, 80%, 34%).