Cinnabar
Meet Cinnabar (#F05537), a fiery red-orange that commands attention. Its striking saturation and inherent warmth make it a powerful choice for any palette, offering a bold statement without the harshness of a pure red. This hue feels both modern and timeless.
What color is Cinnabar?
Cinnabar is a rich, fiery reddish-orange with a distinctly warm temperature.
Its hue balances the intensity of red with the approachability of orange, creating a color that is both striking and earthy.
What is the meaning of the color Cinnabar (#F05537)?
Historically tied to the prized vermilion pigment, Cinnabar carries a legacy of symbolizing prosperity, vitality, and power.
In a modern context, the color communicates confidence and creative energy, making it a bold choice that captures attention and suggests action.
How can I use Cinnabar in my UI design?
Cinnabar’s intensity makes it an excellent choice for an accent color. Use #F05537 for key interactive elements like buttons, links, and notifications to guide user attention. For a balanced composition, pair it with a foundation of neutral tones such as off-whites, soft grays, or deep charcoals. A split-complementary palette featuring shades of teal or blue can create a more striking effect.
While not a dominant color across the web, this energetic hue is used effectively by brands like incident.io, Udemy, Eventbrite, and Instagram to stand out. Its selective use suggests that brands employ it for high-impact branding and to create a memorable visual identity.
To see how Cinnabar works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #F05537 applied to real UI components from top brands.
How do I use Cinnabar color codes?
The hex code #F05537 is your key to applying Cinnabar in digital designs. Its high saturation makes it a powerful accent, so a little goes a long way in catching the user's eye.
To apply Cinnabar across different media, you'll need to translate #F05537 into other color models. RGB (Red, Green, Blue) is standard for digital screens, while CMYK (Cyan, Magenta, Yellow, Key) is the go-to for print projects. Other formats like HSL (Hue, Saturation, Lightness) offer more intuitive ways to make adjustments.
To get you started, we've converted #F05537 into a range of popular formats below that you can copy and paste directly into your project.
Analogous
Sitting next to Cinnabar on the color wheel, analogous colors produce a visually cohesive and tranquil effect, perfect for creating serene user interfaces.
Complementary
Complementary colors sit opposite each other on the color wheel. Pairing Cinnabar with its opposite creates a dynamic visual tension and maximum color contrast.
Split Complementary
For a high-contrast yet balanced look, a split complementary scheme pairs Cinnabar with the two colors neighboring its direct complementary color.
Triadic
Triadic color schemes use three hues equally spaced on the color wheel. With Cinnabar as the base, this creates a vibrant, high-contrast palette.
Tetradic
A tetradic scheme for Cinnabar uses two pairs of complementary colors. These four hues form a rectangle on the color wheel, creating a vibrant and balanced palette.
Square
A square color scheme uses four colors evenly spaced on the color wheel. Starting with Cinnabar, this combination creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Cinnabar are made by mixing in black, which produces darker, weightier tones.
Tints
Tints lighten Cinnabar by mixing it with white, resulting in a softer, less intense appearance.
Tones
Tones are muted versions of Cinnabar, created by adding gray to soften its saturation.
Hues
Hues are variations of Cinnabar, sharing its base color but with different intensities and temperatures.
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.
