Figma color wheel
Want to find the perfect complementary or analogous colors to match Ruby Red?
Ruby red is a bold, passionate color rich in deep red tones. It sits solidly in the red section of the color wheel. Ruby red feels vibrant and intense, perfect alongside shades like garnet and crimson. Use it to add drama and focus in designs.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Crimson Chord
Crimson Surf
Crimson Citrus
Ruby Red is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #9B111E
- RGB value: 60.8% red, 6.7% green, 11.8% 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 Red, consider:
- Chili red (#cd1c18): Captures the vibrant intensity of ruby red with its bold, fiery appearance, leaning slightly towards a spicier hue.
- Cherry (#d20a2e): Embodies the rich, deep tones a ruby red might possess, with its luscious and inviting depth that evokes a sense of luxury.
- Crimson red (#b22222): Mirrors ruby red's warm, intense nature, with a shade that radiates a timeless elegance and sophistication.
- Blood red (#780606): Shares ruby red’s passionate and dramatic presence, characterized by its deep, rich saturation that exudes a sense of drama and gravity.
To complement Ruby Red, consider pairing it with:
- Mint Green (#ADEBB3): Mint green offers a fresh and lively contrast to ruby red, creating a dynamic and harmonious balance that energizes any design.
- Champagne (#F7E6CA): Champagne provides a warm, neutral background that allows ruby red to shine without overpowering your palette, maintaining a sophisticated look.
- Powder Blue (#B8E3E9): Powder blue introduces a soft, calming contrast to ruby red, resulting in a balanced and serene color scheme perfect for soothing visuals.
- Cognac (#A2574F): Cognac enhances ruby red's richness and depth with its warm, inviting tones, bringing a sense of luxury and elegance to the mix.
- Slate Gray (#6D8196): Slate gray adds a cool, modern touch that grounds ruby red, ensuring a sleek and contemporary aesthetic.
While Ruby Red is a deep, elegant shade, certain colors might clash with it due to their contrasting qualities:
- Neon Pink (#FF13F0): Neon Pink's high intensity and brightness can overshadow Ruby Red, creating a visually overwhelming effect.
- Cyan (#00FFFF): Cyan offers a stark contrast that can be too harsh against Ruby Red, resulting in a jarring visual experience.
- Neon Green (#2CFF05): Neon Green's vividness may clash with the deep tones of Ruby Red, leading to a combination that feels visually unsettling.
- Electric Blue (#00F0FF): Electric Blue's brightness competes with Ruby Red's depth, potentially creating an unsettling palette.
- Chartreuse (#CCFF00): Chartreuse presents a bold, saturated hue that can outshine Ruby Red, creating discord in a color scheme.
Contrast checker
Contrast 8.42
- Large Text
#9B111E
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.49
- Large Text
#9B111E
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Color simulations
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #9B111E, known as Ruby Red, has RGB values of R:155, G:17, B:30 and CMYK values of C:0, M:89, Y:81, K:39.
| VALUE | CSS | |
|---|---|---|
| HEX | #9B111E | #9B111E |
| RGB DECIMAL | 155, 17, 30 | RGB(155,17,30) |
| RGB PERCENTAGE | 60.8, 6.7, 11.8 | RGB(60.8%,6.7%,11.8%) |
| CMYK | 0, 89, 81, 39 | |
| HSL | HSL(354.3, 80.2%, 33.7%) | HSL(354.3, 80.2%, 33.7%) |
| HSV (OR HSB) | 354.3°, 89.0, 60.8 | |
| WEB SAFE | #153051 | #153051 |
| BINARY | 10011011, 00010001, 00011110 | |
| iOS - SwiftUI | Color(red: 0.608, green: 0.067, blue: 0.118) | |
| iOS - UIKit | UIColor(red: 0.608, green: 0.067, blue: 0.118, alpha: 1) | |
| Android - Compose | Color(0xFF9B111E) |
