Brick red is a warm shade located in the red-orange spectrum of the color wheel. Its connection to natural elements like clay promotes groundedness, while its red influence suggests a sense of boldness and confidence.
Brick red is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
- HEX code: #C04657
- RGB value: 75.3% red, 27.5% green, and 34.1% 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.
Here are some ways to use brick red in your designs:
- Create a sense of comfort. Brick red is associated with warmth and homeliness. Use it to create a welcoming atmosphere for users, especially in designs related to food, family, or relaxation.
- Generate a feeling of energy and excitement. While brick red can be calming, it also has a stimulating quality. Consider using it to create a sense of urgency, like call-to-action buttons or promotional elements.
- Convey a sense of tradition. Brick red’s association with historical architecture can lend a sense of heritage and authenticity to your designs. This can be particularly effective for brands with a long history or those aiming to establish a timeless image.
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 earthy spectrum as brick red, consider:
- Pastel red (#FF746C) offers a softer, more delicate version of brick red, with a hint of pink that gives it a youthful feel.
- Cinnabar (#E84B3D) is a bolder and brighter variant of brick red, leaning more orange than red.
- Red-brown (#942222) is a deeper, darker shade of brick red, offering a sense of richness and earthy qualities.
- Cognac (#A2574F) blends brick red with brown, creating a sophisticated color that evokes feelings of comfort and elegance.
To complement brick red, consider pairing it with:
- Champagne (#F7E6CA) is a soft, neutral color that creates an elegant combination with brick red.
- Sage (#BBB791) is a calming green that offers a refreshing contrast to the warmth of brick red.
- Turquoise (#40E0D0) creates a striking contrast when paired with brick red—perfect for modern designs.
- Peach (#FFD3AC) is a gentle color that complements the warmth of brick red, creating a soft and inviting ambiance.
Other colors worth considering include various shades of brown, cream, and navy blue, depending on the desired mood and atmosphere.
While brick red is rusty, it may clash with:
- Red (#FF2C2C) is too similar to brick red, creating a monochromatic look that lacks visual interest and can appear flat.
- Olive green (#636B2F) has a yellow undertone that clashes with brick red.
- Amaranth (#E83256) is a vibrant purple-red that can overwhelm the softer tones of brick red.
- Magenta (#FD3DB5) is a highly saturated color that can overpower brick red, creating a visually jarring palette.
Brick red is a color imbued with warmth and earthiness, often symbolizing stability, strength, and groundedness. Named after the sturdy material, it conveys a sense of security and endurance. This color is frequently associated with physical vitality, energy, determination, and perseverance.
In color psychology, brick red can evoke feelings of home, comfort, and tradition, as well as an enduring quality and resilience. It can inspire a sense of warmth and belonging.
In UI design, brick red can create a feeling of warmth and trust. Lighter shades of brick red can be used to create a more welcoming atmosphere, while darker shades can add depth and sophistication. However, too much brick red can create a sense of urgency or aggression, so it’s important to use it judiciously.
Brick red’s history is deeply intertwined with the evolution of brick-making. Brick red, derived from natural iron oxide in clay, has been a staple color in architecture for millennia. Ancient civilizations like the Babylonians and Egyptians used brick for construction, making the color a symbol of durability and resilience.
The Industrial Revolution further popularized brick red. As urbanization accelerated, brick became a readily available and affordable building material, making it a practical choice for builders. The distinctive hue of red bricks also stood out against the smog-filled cities. This historical association with urban landscapes has contributed to brick red’s enduring popularity in design.
Color variations
Shades
Tints
Tones
Hues
Color Harmonies
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Custom Palettes
Vintage Glamour
Rustic Patio
Artist's Loft
Contrast 4.94
- Large Text
#C04657
- Normal Text
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.25
- Large Text
#C04657
- 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 #C04657, known as brick red, has RGB values of R:192, G:70, B:87 and CMYK values of C:0, M:0.64, Y:0.55, K:0.25.
| VALUE | CSS | |
|---|---|---|
| HEX | C04657 | #C04657 |
| RGB DECIMAL | 192, 70, 87 | RGB(192,70,87) |
| RGB PERCENTAGE | 75.3, 27.5, 34.1 | RGB(75.3%,27.5%,34.1%) |
| CMYK | 0, 64, 55, 25 | |
| HSL | 351.6°, 49.2, 51.4 | HSL(351.6°,49.2%,51.4%) |
| HSV (OR HSB) | 351.6°, 63.5, 75.3 | |
| WEB SAFE | CC3366 | #CC3366 |
| CIE-LAB | 47.336, 50.108, 16.599 | |
| XYZ | 25.649, 16.277, 10.807 | |
| xyY | 0.486, 0.309, 16.277 | |
| CIE-LCH | 47.336, 52.786, 18.328 | |
| CIE-LUV | 47.336, 87.153, 10.079 | |
| HUNTER-LAB | 40.345, 42.877, 12.359 | |
| BINARY | 11000000, 01000110, 01010111 | |
| iOS - SwiftUI | Color(red: 0.753, green: 0.275, blue: 0.341) | |
| iOS - UIKit | UIColor(red: 0.753, green: 0.275, blue: 0.341, alpha: 1) | |
| Android - Compose | Color(0xFFC04657) |