Ruby is a rich, vibrant color known for its deep red hue, hinting at pinkish-red. Found between red and magenta on the color wheel, ruby radiates luxury and passion. Related shades include crimson and blood-red. Use ruby in designs for a bold, elegant touch.
Ruby is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #E0115F
- RGB value: 87.8% red, 6.7% green, 37.3% blue
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines
For variations within the same spectrum as ruby, consider:
- Cherry (#D20A2E): Cherry captures the vibrant and intense allure of Ruby, with its deep red hue reminiscent of ripe cherries.
- Blood Red (#780606): Blood Red shares Ruby's rich, striking tone, evoking the vividness and drama associated with deep red gems.
- Crimson Red (#B22222): Crimson Red exhibits the intense, luxurious qualities of Ruby, while maintaining a classic, alluring presence.
- Amaranth (#E83256): Amaranth portrays a pinkish-red essence, closely mirroring Ruby’s vivid and captivating hue.
To complement Ruby, consider pairing it with:
- Teal (#069494): Provides a striking contrast to Ruby's deep red, enhancing both colors' vibrancy and creating a dynamic palette.
- Mint Green (#A9EABC): Offers a fresh and cooling balance to Ruby's warm intensity, creating a serene yet vibrant look.
- Gold (#efbf04): Adds a touch of luxury and sophistication, making Ruby appear even more rich and striking.
- Charcoal (#4a4a4a): Offers a neutral, grounding backdrop that allows Ruby's vivid hues to shine without overwhelming the overall design.
- Powder Blue (#B8E3E9): Softens Ruby's boldness, introducing a calm and soothing element to the palette.
While Ruby is a rich and captivating hue, it may clash with:
- Neon Green (#2CFF05): Its intense vibrancy can overwhelm Ruby, creating a harsh contrast that detracts from Ruby's elegance.
- Cyan (#00FFFF): When paired with Ruby, this bright and cool shade creates a striking contrast that could be jarring to the eyes.
- Hot Pink (#FF46A2): This color competes with Ruby, creating an overwhelming sensation due to their similar intensity.
- Bright Yellow (#FFED29): It can outshine Ruby with its brightness, leading to a distracting combination that lacks harmony.
- Teal (#069494): This deep, cool color contrasts sharply with Ruby, making it feel less warm and inviting.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Crimson Blush
Blossom Oasis
Jubilee Zest
Contrast checker
Contrast 4.76
- Large Text
#E0115F
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.41
- Large Text
#E0115F
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #E0115F, known as Ruby, has RGB values of R:224, G:17, B:95 and CMYK values of C:0, M:92, Y:58, K:12.
| VALUE | CSS | |
|---|---|---|
| HEX | #E0115F | #E0115F |
| RGB DECIMAL | 224, 17, 95 | RGB(224,17,95) |
| RGB PERCENTAGE | 87.8, 6.7, 37.3 | RGB(87.8%,6.7%,37.3%) |
| CMYK | 0, 92, 58, 12 | |
| HSL | HSL(337.4, 85.9%, 47.3%) | HSL(337.4, 85.9%, 47.3%) |
| HSV (OR HSB) | 337.4°, 92.4, 87.8 | |
| WEB SAFE | #2040102 | #2040102 |
| BINARY | 11100000, 00010001, 01011111 | |
| iOS - SwiftUI | Color(red: 0.878, green: 0.067, blue: 0.373) | |
| iOS - UIKit | UIColor(red: 0.878, green: 0.067, blue: 0.373, alpha: 1) | |
| Android - Compose | Color(0xFFE0115F) |
