#9B111E
Red family

Ruby

Also known as: luxurious · vivid · passionate · radiant · intense
Save
Hex #9B111E
RGB rgb(155, 17, 30)
HSL hsl(354°, 80%, 34%)
CMYK 0 · 89 · 81 · 39
RAL RAL 3003 · Ruby Red
NCS S 3060-R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, ruby represents love and passion, often used in romantic contexts such as engagements and anniversaries. Conversely, in some Eastern traditions, it symbolizes protection and prosperity, highlighting its dual significance across different cultures.

The term 'ruby' is derived from the Latin word 'ruber', meaning 'red'. Notably, during the 14th century, rubies were considered more valuable than diamonds, coveted by royalty and believed to possess protective powers, especially in battle.

luxuriousvividpassionateradiantintense

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Ruby. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 33 Reds →

Shades & tints

Nine steps of Ruby by lightness — from #510910 (darkest) to #CB838A (lightest). Click any to copy.

-40% #510910
-30% #630B13
-20% #760D17
-10% #880F1A
BASE #9B111E
+15% #A72E39
+30% #B34A54
+50% #BF676F
+70% #CB838A

Complementary

Sitting opposite Ruby at 174° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Ruby.

#9B111E
#FFD700
#F5F5F5
#8B0000
#FF4500

Glamorous Nights

Sophisticated Elegance
#9B111E
#FFFFFF
#C0C0C0
#800080
#FFA07A

Rich Romance

Warm Affection
#9B111E
#2C3E50
#BDC3C7
#E74C3C
#3498DB

Bold Expressions

Dramatic Contrast

Ruby scale

A 50–900 tonal scale with Ruby anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #F7ECED
100 #EDD4D7
200 #D9A5AA
300 #C5757D
400 #B0434D
500 #9B111E
600 #7F0E19
700 #660B14
800 #4E090F
900 #35060A

Accessibility

Works well as text on light backgrounds; fails on dark.

Aa Best text color: #FFFFFF · 8.42:1
Ruby as text on… Ratio AA AAA
Aa White background 8.42:1 Pass Pass
Aa Black background 2.49:1 Fail Fail

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #9B111E

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #9B111E;
CSS color-mix (lighten 30%) color-mix(in srgb, #9B111E 70%, white)
HSV / HSB 354°, 89%, 61%
CMYK (print) 0, 89, 81, 39
Decimal 10162462
Nearest web-safe #990033

Color vision

How Ruby appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#9B111E

Protanopia (no red)

#5F5E1B

Deuteranopia (no green)

#67721A

Tritanopia (no blue)

#941818
Scarlet
3 / 33 Reds Burgundy
Copied!