Rufous

Presenting Rufous (#A81C07), a potent reddish-brown that balances earthy depth with a striking, fiery core. This color’s character is defined by its rich saturation and a subtle glow, offering a sophisticated yet bold statement for visual systems.

Rufous
#A81C07
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Rufous?

Rufous is a saturated, reddish-brown hue with a distinctly warm temperature.

It sits in a deep part of the spectrum, defined by its earthy brown undertones that ground the dominant red base.

What is the meaning of the color Rufous (#A81C07)?

The color Rufous (#A81C07) channels the vigor of red through an earthy, grounding filter. It suggests a sophisticated energy and warmth, creating a feeling of comfort and stability without the alarm of a brighter crimson.

Symbolically, Rufous speaks to authenticity and a deep connection with the natural world. Its resemblance to ancient earth pigments gives it a sense of history and endurance, making it feel both timeless and substantial.

How can I use the color Rufous in my UI design?

In UI design, Rufous (#A81C07) is most effective as a powerful accent. Apply it to crucial interactive elements—buttons, active states, or alerts—to guide user attention. To ground its intensity, pair it with warm neutrals like off-white or charcoal gray. For a more dynamic composition, a split-complementary palette using shades of teal can create a striking effect.

This color is not common in brand identities, which presents an opportunity to be distinctive. Companies like Chipotle and Netflix use similar bold reds to appear confident and memorable. Adopting Rufous can help a product establish a unique visual footing in a crowded market.

To see how Rufous performs, use the tools below. You can browse curated palettes, test its contrast for accessibility compliance, and preview #A81C07 in UI components from leading apps.

Using Rufous color codes

The most direct way to apply Rufous in your digital work is by using its hex code, #A81C07. This identifier provides a precise color reference for CSS, UI kits, and other design software, maintaining consistency across platforms.

Different projects require different color models. The hex code can be translated into RGB (Red, Green, Blue) for screen-based media or CMYK (Cyan, Magenta, Yellow, Key) for print materials. Each model represents color uniquely to suit its specific medium, from light-emitting displays to ink on paper.

To simplify your workflow, we have converted #A81C07 into a range of popular formats. You can find and copy the exact code you need for your project from the list below.

Rufous Code Conversions

HEX
#A81C07
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

Rufous Color Harmonies

Analogous

Analogous colors sit beside Rufous on the color wheel. This combination produces a visually pleasing and tranquil effect, ideal for cohesive designs.

#123456
#123456
#123456

Complementary

Complementary colors sit on opposite ends of the color wheel. Pairing Rufous with its opposite creates a dynamic duo, offering maximum visual contrast.

#123456
#123456

Split Complementary

A split complementary scheme for Rufous pairs it with the two colors adjacent to its direct complement, offering strong visual contrast with more nuance.

#123456
#123456
#123456

Triadic

Triadic palettes pair three colors evenly spaced on the color wheel. Starting with Rufous, this combination offers a bold yet harmonious visual effect.

#123456
#123456
#123456

Tetradic

Tetradic schemes for Rufous use two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant and balanced palette.

#123456
#123456
#123456
#123456

Square

A square color scheme for Rufous (#A81C07) uses four colors evenly spaced on the color wheel, creating a vibrant, high-contrast palette.

#123456
#123456
#123456
#123456

Rufous Color Variations

Shades

Shades of Rufous are darker tones made by adding black, giving designs more depth and weight.

#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 Rufous, created by adding white for a softer look.

#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 of Rufous are created by adding gray, resulting in softer, 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 are variations of Rufous, differing in intensity and temperature to create distinct moods.

#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 Rufous?

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