Ruby

#E0115F

What color is Ruby?

Ruby is a deep, vivid red with a slight blue or pink shift, hex #E0115F, close to the color of a fresh pomegranate seed. It is brighter and more saturated than burgundy, with a clarity that catches light rather than absorbing it.

What is the meaning of the color Ruby?

The name comes from the Latin rubeus, meaning red, and the gemstone ruby has been prized since at least 200 BCE along the Silk Road trade routes connecting Burma to China and India. Medieval European royalty set rubies into crowns and rings as symbols of power and protection, a use documented in the British Imperial State Crown, which contains the Black Prince’s Ruby, worn by Henry V at Agincourt in 1415. The color entered English as a descriptor for deep red around the 14th century and was later standardized as a specific shade in gemological grading by the Gemological Institute of America, which distinguishes ruby red from lighter pink sapphire by hue saturation.

RGB
224, 17, 95
HSL
337°, 86%, 47%
CMYK
0, 92, 58, 12
HSV
337°, 92%, 88%
Ruby color

What colors go with Ruby?

Colors that pair well with Ruby include:
Gold: rich, warm contrast
Navy: deep, formal balance
Ivory: soft, elegant relief
Emerald Green: bold complementary pairing
Charcoal: grounded, modern depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #E0115F color: #E0115F;
RGB 224, 17, 95 color: rgb(224, 17, 95);
RGB Percentage 88%, 7%, 37% color: rgb(88%, 7%, 37%);
CMYK 0%, 92%, 58%, 12% Not supported in CSS
HSL 337°, 86%, 47% color: hsl(337, 86%, 47%);
HSV 337°, 92%, 88% Not supported in CSS
CIE-LAB 38, 41, -26 color: lab(38% 41 -26);
Decimal 14684511 Not supported in CSS

Color Variations

Shades

#DF1160
#C90F56
#B20D4D
#9C0C43
#860A39
#6F0830
#590726
#43051D

Tints

#F9B4CE
#F79ABE
#F681AE
#F4689E
#F24F8D
#F0367D
#EE1D6D
#DF1160

Tones

#DF1160
#D51B62
#CA2565
#C03067
#B63A69
#AB446C
#A14F6E
#975971

Hues

#DF1160
#DF5C11
#C7DF11
#2CDF11
#11DF90
#1193DF
#2911DF
#C311DF

Color Harmonies

Analogous

#DF11C7
Click to copy
#E0115F
Click to copy
100%
#DF2911
Click to copy

Complementary

#E0115F
Click to copy
100%
#11DF90
Click to copy

Split Complementary

#E0115F
Click to copy
100%
#11DF29
Click to copy
#11C7DF
Click to copy

Triadic

#E0115F
Click to copy
100%
#60DF11
Click to copy
#1160DF
Click to copy

Tetradic

#E0115F
Click to copy
100%
#C7DF11
Click to copy
98%
#11DF90
Click to copy
#2911DF
Click to copy

Square

#E0115F
Click to copy
100%
#C7DF11
Click to copy
98%
#11DF90
Click to copy
#2911DF
Click to copy

CSS & Dev Snippets

CSS
.ruby {
  color: #E0115F;
}
SCSS
$ruby: #E0115F;
RGB
rgb(224, 17, 95)

Accessibility & Contrast

White background

4.76:1
4.76
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.41:1
4.41
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags