Oxblood is a deep, rich red with hints of brown, exuding a sophisticated yet bold vibe. Positioned near red-brown on the color wheel, it resembles burgundy and maroon. Oxblood adds depth to designs—try it for a touch of elegance in typography or accent pieces.
Oxblood is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- Hex Code: #4A0404
- RGB value: 29.0% red, 1.6% green, 1.6% 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 Oxblood, consider:
- Burgundy (#660033): Captures oxblood's rich, deep tone with a similar dark, purplish-red essence, evoking a sense of sophistication and depth.
- Cherry (#d20a2e): Mirrors oxblood with its intense red color, offering a slightly brighter but equally bold and luxurious feel.
- Blood Red (#780606): Shares oxblood's dramatic and intense qualities with its dark, deep hue reminiscent of rich red wine.
- Dark Red (#950606): Emulates oxblood's profound, moody character through its dark, reddish-brown shade with a strong, brooding undertone.
To complement oxblood, consider pairing it with:
- Gold (#efbf04): The richness of gold enhances oxblood’s deep, luxurious shade, adding a touch of opulence and warmth.
- Mint green (#adebb3): This fresh, light hue contrasts with oxblood, adding a sense of vitality and vibrancy to the overall palette.
- Cream (#fdfbd4): A neutral like cream provides a soft backdrop that highlights the intensity of oxblood, creating a classic and elegant look.
- Slate gray (#6d8196): The cool tone of slate gray anchors oxblood’s warmth, offering a balanced and sophisticated contrast.
- Khaki (#d5c58a): This earthy tone complements oxblood by adding a harmonious, natural feel, enhancing a composed and refined aesthetic.
While Oxblood is a deep, rich color, it may clash with:
- Bright Orange (#FF991C): The vibrancy of bright orange can overpower the subdued elegance of oxblood, creating a striking and visually unsettling contrast.
- Neon Green (#2CFF05): The intense brightness of neon green can visually clash with oxblood’s dark and muted tone, making the combination appear jarring and unharmonious.
- Cyan (#00FFFF): Cyan’s cool and bright nature can starkly contrast with the warmth of oxblood, leading to a harsh visual effect that lacks cohesion.
- Pastel Pink (#FFC5D3): The soft, light hue of pastel pink can make oxblood appear too heavy and oppressive, disrupting the balance and delicacy of the overall palette.
Color variations
Shades
Tints
Tones
Hues
Color harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom palettes
Garnet Ember
Cerulean Ember
Crimson Depths
Contrast checker
Contrast 16.03
- Large Text
#4A0404
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 1.31
- Large Text
#4A0404
- 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 #4A0404, known as Oxblood, has RGB values of R:74, G:4, B:4 and CMYK values of C:0, M:95, Y:95, K:71.
| VALUE | CSS | |
|---|---|---|
| HEX | #4A0404 | #4A0404 |
| RGB DECIMAL | 74, 4, 4 | RGB(74,4,4) |
| RGB PERCENTAGE | 29.0, 1.6, 1.6 | RGB(29.0%,1.6%,1.6%) |
| CMYK | 0, 95, 95, 71 | |
| HSL | HSL(0.0, 89.7%, 15.3%) | HSL(0.0, 89.7%, 15.3%) |
| HSV (OR HSB) | 0.0°, 94.6, 29.0 | |
| WEB SAFE | #5100 | #5100 |
| BINARY | 01001010, 00000100, 00000100 | |
| iOS - SwiftUI | Color(red: 0.290, green: 0.016, blue: 0.016) | |
| iOS - UIKit | UIColor(red: 0.290, green: 0.016, blue: 0.016, alpha: 1) | |
| Android - Compose | Color(0xFF4A0404) |
