Figma color wheel
Want to find the perfect complementary or analogous colors to match brick red?
Skip to main content
Everything you need to know about brick red to inspire your next design.
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.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Vintage Glamour
Rustic Patio
Artist's Loft
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:
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:
To complement brick red, consider pairing it with:
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:
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.
Contrast 4.94
#C04657
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 4.25
#C04657
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
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) |
Want to find the perfect complementary or analogous colors to match brick red?
Discover the dark allure of blood red.
Embrace the deep and vibrant color of cherry.