Brick Red

Meet Brick Red (#CB4154), a color that commands attention without shouting. Its rich, earthy undertone gives it a grounded yet vibrant character, making it a compelling choice for interfaces that need a touch of warmth and sophistication. It's a statement color with substance.

Brick Red
#CB4154
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Brick Red?

Brick Red is a warm, muted reddish-brown, reminiscent of classic clay building blocks. It carries earthy undertones, often leaning towards orange or brown, giving it a grounded and substantial appearance.

As a color, it's a medium-dark shade with moderate saturation, sitting comfortably between a pure red and a deep brown. This composition gives Brick Red a stable, rich quality without the intensity of a primary red.

What meaning does Brick Red (#CB4154) carry in branding and design?

Brick Red (#CB4154) projects warmth and grounded energy, blending red’s passion with an underlying stability that feels comforting and reliable.

Symbolically, the color suggests tradition, resilience, and foundational strength, carrying a sense of history and permanence.

How can I use Brick Red in my UI design?

Brick Red, with its commanding presence, is most effective as an accent color for calls-to-action, icons, or highlights. To create a sophisticated and grounded interface, pair it with a generous amount of warm neutrals like off-white, beige, or charcoal. For a more striking combination, consider setting it against muted teals or deep forest greens. Applying the 60-30-10 rule is a great way to ensure Brick Red adds energy without overpowering your design.

You won't find many brands building their entire identity around #CB4154, which gives it an edge for those wanting to stand out. The app HabitMinder uses a similar reddish hue to create a distinctive and motivating experience. Using a rare color like Brick Red can help a product feel both established and different from the competition.

Explore curated palettes, test color contrast for accessibility, and preview Brick Red in real UI components from top brands using the tools below.

How do I use Brick Red color codes?

Using Brick Red (#CB4154) effectively means understanding its context. While its hex code is perfect for web and digital applications, you'll need to convert it for other mediums to maintain color consistency across your projects, from print materials to screen-based interfaces.

Different design applications require specific color models. For screens, you'll use the RGB values, which mix red, green, and blue light. For print, you'll need the CMYK values, which correspond to ink colors. Other formats like HSL (Hue, Saturation, Lightness) provide a more intuitive way to modify the color directly in your design software.

We've converted #CB4154 into a full range of color codes for you. Simply find the format you need below and copy the values directly into your project.

Brick Red Code Conversions

HEX
#CB4154
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Brick Red Color Harmonies

Analogous

Colors next to Brick Red on the color wheel form an analogous scheme, resulting in a serene and cohesive visual experience.

#123456
#123456
#123456

Complementary

Complementary colors sit directly opposite each other on the color wheel. For Brick Red, this pairing creates a striking, high-contrast visual effect.

#123456
#123456

Split Complementary

A split complementary palette pairs Brick Red with the two colors next to its complement, offering a high-contrast look with greater harmony and flexibility.

#123456
#123456
#123456

Triadic

Triadic colors form a vibrant trio by selecting two other hues equally spaced from Brick Red on the color wheel, creating a high-contrast palette.

#123456
#123456
#123456

Tetradic

A tetradic scheme for Brick Red involves two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.

#123456
#123456
#123456
#123456

Square

Using four colors evenly spaced on the color wheel, a square scheme with Brick Red offers a vibrant palette with strong, balanced visual contrast.

#123456
#123456
#123456
#123456

Brick Red Color Variations

Shades

Adding black to Brick Red creates darker shades, which introduce a feeling of depth and substance.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Brick Red, created by adding white for a softer effect.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones are created by mixing Brick Red with gray, producing softer and more subdued variations.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues of Brick Red vary in intensity and temperature, affecting the overall design's feel.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Brick Red?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

Never run out of inspiration again.

Use Mobbin for free as long as you like or get full access with any of our paid plans.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion