Skip to content

Ruby #e0115f

Red, cut and polished.

RGB
224, 17, 95
HSL
337°, 86%, 47%
CMYK
0, 92, 58, 12
Luminance
0.1707

About Ruby

Ruby, #e0115f, is red refracted through a gemstone — pinker and more jeweled than crimson, richer than rose. The stone and sapphire are the same mineral (corundum); chromium alone tips it red, and that accident of chemistry named a color, a programming language and a thousand anniversaries.

History

Burmese rubies outpriced diamonds for centuries — “a ruby the size of a pigeon’s egg” was Asia’s ultimate treasury line. Dorothy’s slippers (silver in the book, ruby for Technicolor) fixed the color in cinema; the 40th anniversary fixed it in marriage.

Psychology

Ruby reads passionate and precious at once — red’s heat set in ceremony. It is the red chosen when the message is treasure rather than urgency.

In design

Ruby is a jewel accent: luminous on charcoal and cream, strong for badges and CTAs (#e0115f ≈ 4.6:1 on white — AA for large text; deepen toward #9b111e for body). Pair with gold, ivory and deep green velvet tones.

In culture

Ruby slippers, ruby weddings, rubies in crowns and idioms of worth beyond rubies: scripture and cinema agree on its rank.

Brands that own ruby

Shades of ruby

Every format

HEX#e0115f
RGBrgb(224, 17, 95)
HSLhsl(337, 86%, 47%)
CMYKcmyk(0%, 92%, 58%, 12%)
LABlab(48.4 74.0 14.1)
LCHlch(48.4 75.4 10.8)
OKLCHoklch(0.584 0.228 8.9)

Copy-ready code

/* CSS */
color: #e0115f;
background-color: #e0115f;
/* Tailwind (arbitrary) */
class="text-[#e0115f] bg-[#e0115f]"
/* SCSS */
$brand: #e0115f;
/* SwiftUI */
Color(red: 0.878, green: 0.067, blue: 0.373)
/* Android */
Color.parseColor("#e0115f")

Accessibility — WCAG contrast

Aa
#e0115f on white: 4.76:1
AA ✓ pass · AA-large · AAA
Aa
#e0115f on black: 4.41:1
AA ✗ fail · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red87.8%
Green6.7%
Blue37.3%

CMYK percentages

Cyan0.0%
Magenta92.4%
Yellow57.6%
Key (black)12.2%

Color previews

#e0115f text on a black background

contrast 4.41:1

Card sample

#e0115f text on a white background

contrast 4.76:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #e0115f;
Background color
Panel with #e0115f background
background-color: #e0115f;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #e0115f;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(224, 17, 95, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(224, 17, 95, 0.45);
Border & gradient
Gradient panel
border: 3px solid #e0115f;
background: linear-gradient(135deg, #e0115f, #E04D11);

Monochromatic scale

Palettes built from #e0115f

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Ruby, answered

What is the hex code for ruby?

Ruby is #e0115f; the prized “pigeon blood” gem tone maps deeper, near #9b111e.

Ruby vs crimson?

Ruby leans pink and jeweled; crimson leans blue and textile. Ruby sparkles, crimson drapes.

Why are ruby and sapphire related?

Both are corundum (aluminium oxide). Chromium impurities make ruby red; iron and titanium make sapphire blue — one mineral, two thrones.

Work with #e0115f in the Color Lab