Ruby

Ruby is a deep, vibrant red with pronounced pink undertones, giving it a distinctly warm and luxurious quality reminiscent of the precious gem.

This shade sits between a classic red and a bold magenta, possessing a high saturation that stops short of being fluorescent, creating a sophisticated and intense visual.

The color Ruby, #E0115F, carries the weight of its namesake gem, symbolizing power, passion, and vitality.

It communicates a sense of luxury and confidence, capable of evoking strong emotions from romantic love to assertive action.

In UI design, Ruby works best as a potent accent color. Use #E0115F for key interactive elements like buttons, links, or notification dots to guide the user's eye. It creates a sharp, legible contrast against dark backgrounds and pairs cleanly with neutral palettes of white, gray, and charcoal. For a more dynamic combination, try setting it against deep teals or muted greens.

While not a dominant color across the web, Ruby's energetic quality is echoed in the branding of companies like Slack, Quibi, foodpanda, Instagram, and the Premier League. Its relative rarity can help a product stand out, suggesting confidence and a modern sensibility. The key is to apply it deliberately, making its appearance both impactful and meaningful within the interface.

To see how Ruby performs in a real design, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #E0115F in UI components from leading applications.

The most direct way to specify the color Ruby in a digital workflow is by using its hex code, #E0115F. This six-digit code is the standard for web-based projects, ensuring precise color representation on screens.

Different applications, however, require different color models. For digital work, you'll often use RGB, which mixes red, green, and blue light. For print jobs, you'll need CMYK values, which correspond to the four ink plates used in physical printing. Other formats like HSL (Hue, Saturation, Lightness) offer a more intuitive method for making color adjustments.

To simplify your process, we've converted #E0115F to a range of popular formats below. You can copy the exact code you need for your specific tool or project.