#E0115F
Ruby
Ruby is a deep, pinkish-red inspired by the precious ruby gemstone. It represents passion, vitality, and romance.
Ruby Color Values
HEX#E0115F
RGB224, 17, 95
HSL337°, 86%, 47%
HSV337°, 92%, 88%
CMYK0%, 92%, 58%, 12%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #565A60 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #89815A (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #F5003B (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #868686 (~0.003% of population)
Ruby as Text Color
Ruby on White
4.8:1AA
Ruby on Light Gray
4.4:1FAIL
Ruby on Cream
4.5:1FAIL
Ruby on Dark
3.6:1FAIL
Ruby on Black
4.4:1FAIL
Ruby on Soft Blue
4.2:1FAIL
Ruby on Soft Green
4.2:1FAIL
Ruby on Soft Pink
4.0:1FAIL
Nearest Tailwind Class
rose-600
#E11D48
Nearest Pantone Match
Pantone 218 C
#DA1984
CSS Variable Export
:root {
--color-ruby: #E0115F;
--color-ruby-rgb: 224, 17, 95;
}Tailwind Config
// tailwind.config.js
colors: {
'ruby': '#E0115F',
}Shades of Ruby
#DF1160
#C70F56
#AF0D4B
#930B3F
#7B0935
#64072B
#4C0621
#2F0414
#18020A
#000000
Tints of Ruby
#DF1160
#EE206F
#F03D81
#F35994
#F575A6
#F68DB6
#F9AAC8
#FBC6DA
#FDE3ED
#FFFFFF
Color Harmonies
Complementary
#E0115F
#11DF90
Analogous
#DF11C7
#DF1160
#DF2911
Triadic
#DF1160
#60DF11
#1160DF
Ruby Text Preview
Heading in Ruby
Body text in Ruby. The quick brown fox jumps over the lazy dog.
White on Ruby
Body text on a Ruby background.
Ruby text on dark background
Contrast: 3.7:1