Figma color wheel
Want to find the perfect complementary or analogous colors to match red-brown?
Skip to main content
Everything you need to know about red-brown to inspire your next design.
Red-brown is a rich, warm shade that promotes feelings of comfort and stability. The hint of brown evokes a sense of groundedness, while its red influence suggests sophistication.
Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Red Velvet
Art Gallery
Tapestry
Red-brown is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
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.
Here are some ways to use red-brown in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same deep spectrum as red-brown, consider:
To complement red-brown, consider pairing it with:
Other colors worth considering include black for a dramatic color pairing, hunter green for a natural combination, and white for a clean and simple contrast.
While red-brown is rich, it may clash with:
Influenced by two distinct colors, red-brown symbolizes comfort, stability, and trust. Its rich hue also carries connotations of sophistication and tradition.
In color psychology, red-brown evokes a sense of warmth and affection. Its earthy brown undertones also promote feelings of balance, groundedness, and well-being.
In UI design, red-brown can capture users’ attention without being visually overpowering. It creates a warm and inviting interface, helping establish trust and ensuring a pleasing user experience.
Both red and brown pigments have been used for centuries, dating back to prehistoric times. Red was one of the first colors discovered in cave paintings, derived from natural sources like ochre and vermilion. Brown pigments were also pulled from substances like raw umber and sienna to depict humans and animals in paintings.
Over time, different red pigments were created by adding black, brown, yellow, or orange to create a wide variety of shades. Today, red-brown is a versatile color used in art, interior design, fashion, and UI design, injecting depth, warmth, and sophistication.
Contrast 8.36
#942222
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Pass | |
Pass | Pass | |
Pass | Pass |
Contrast 2.51
#942222
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Fail | Fail | |
Fail | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #942222, known as red-brown, has RGB values of R:148, G:34, B:34 and CMYK values of C:0, M:0.77, Y:0.77, K:0.42.
| VALUE | CSS | |
|---|---|---|
| HEX | 942222 | #942222 |
| RGB DECIMAL | 148, 34, 34 | RGB(148,34,34) |
| RGB PERCENTAGE | 58, 13.3, 13.3 | RGB(58%,13.3%,13.3%) |
| CMYK | 0, 77, 77, 42 | |
| HSL | 0°, 62.6, 35.7 | HSL(0°,62.6%,35.7%) |
| HSV (OR HSB) | 0°, 77, 58 | |
| WEB SAFE | 993333 | #993333 |
| CIE-LAB | 33.043, 46.713, 29.402 | |
| XYZ | 13.074, 7.557, 2.284 | |
| xyY | 0.571, 0.33, 7.557 | |
| CIE-LCH | 33.043, 55.196, 32.187 | |
| CIE-LUV | 33.043, 83.566, 18.027 | |
| HUNTER-LAB | 27.49, 36.786, 14.318 | |
| BINARY | 10010100, 00100010, 00100010 | |
| iOS - SwiftUI | Color(red: 0.58, green: 0.133, blue: 0.133) | |
| iOS - UIKit | UIColor(red: 0.58, green: 0.133, blue: 0.133, alpha: 1) | |
| Android - Compose | Color(0xFF942222) |
Want to find the perfect complementary or analogous colors to match red-brown?
Dive into the rich and lush tone of dark red.
Explore the grounding nature of brick red.