Red (RYB)

Meet Red (RYB), #FE2712. This intensely saturated hue is a foundational primary, sitting at the purest end of the spectrum. Its sheer vibrancy makes it a powerful choice for any design palette, demanding immediate attention without complexity.

Red (RYB)
#FE2712
Copy
Copied
Access our full UI & UX library today.
Join for free

What color is Red (RYB)?

Red (RYB) is a foundational primary red, defined by its fiery character and distinctly warm temperature.

It's an intensely saturated hue with a subtle orange undertone, giving it a vibrant, almost electric quality.

What is the meaning of Red (RYB) (#FE2712) in design?

Red (RYB) is a primal color that stirs deep-seated emotions ranging from passion and love to anger and warning.

It carries powerful symbolism, representing everything from good fortune and vitality to danger and power, making it one of the most potent colors in a designer's palette.

How do I use Red (RYB) in UI design?

Given its intensity, Red (RYB) works best as an accent for critical UI elements like calls-to-action, notifications, or error states. The pure saturation of #FE2712 stands out sharply against neutral backgrounds like white, charcoal, or black. For more complex palettes, consider pairing it with its split-complementary colors—shades of teal and blue-green—to create a balanced yet energetic composition.

This commanding color is a frequent choice for brands aiming to capture attention and convey urgency. You can see similar reds used prominently in the branding of companies like YouTube, Yelp, and Instagram, helping them stand out in a crowded market.

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

Using Red (RYB) color codes

When working with Red (RYB), the hex code #FE2712 is your starting point for any digital application. To maintain color consistency across different projects, from screen to print, you'll need to translate this value into other color models.

Each color model serves a specific purpose. RGB values, for instance, are fundamental for digital displays that mix red, green, and blue light. For print work, you'll need the CMYK equivalent, which is based on ink pigments. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.

To help you get started, we've converted the Red (RYB) hex code #FE2712 into a range of popular formats. You can find and copy the exact values you need for your project below.

Red (RYB) Code Conversions

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

Red (RYB) Color Harmonies

Analogous

Analogous colors sit next to each other on the color wheel. For Red (RYB), this creates a unified, serene palette that blends warmth with harmony.

#123456
#123456
#123456

Complementary

Complementary colors sit opposite each other on the color wheel. Pairing Red (RYB) with its complement results in a vibrant, high-contrast combination.

#123456
#123456

Split Complementary

Split complementary colors for Red (RYB) pair it with the two colors adjacent to its complement, offering a vibrant yet balanced palette.

#123456
#123456
#123456

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. For Red (RYB), this creates a vibrant, high-contrast, and balanced palette.

#123456
#123456
#123456

Tetradic

A tetradic color scheme for Red (RYB) uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant palette.

#123456
#123456
#123456
#123456

Square

Based on Red (RYB), a square scheme features four colors equidistant on the color wheel, offering a balanced yet highly contrasting visual effect.

#123456
#123456
#123456
#123456

Red (RYB) Color Variations

Shades

Shades are created by adding black to Red (RYB), producing darker, weightier tones.

#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 created by adding white to Red (RYB), resulting in softer, lighter 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

Tones

Tones of Red (RYB) are created by adding gray, resulting in softer, more subtle 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 Red (RYB) are variations in its intensity and temperature, affecting mood and perception.

#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 Red (RYB)?

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