Lava

Lava is a brilliant, fiery red with an intense saturation that commands attention. It’s a color that feels hot, radiating energy much like its geological namesake.

This specific shade, #CF1020, carries a subtle yellow undertone, placing it squarely in the warm spectrum of reds and giving it a vibrant, almost incandescent quality.

The color Lava, #CF1020, embodies a potent mix of creation and destruction, symbolizing intense passion, power, and a sense of primal force.

For designers, this vibrant red evokes feelings of urgency and excitement, a color that commands attention and inspires immediate action.

In UI design, Lava is most effective when used sparingly as an accent color. Think of the 60-30-10 rule, where Lava's intensity is perfect for that final 10%—drawing the eye to critical elements like buttons, alerts, or icons. To make #CF1020 pop without overwhelming the user, pair it with a foundation of deep charcoals, soft grays, or clean off-whites. For a more adventurous palette, a muted navy or a dusty blue can create a striking, complementary contrast.

Lava's energetic red is a trusted choice for major brands that need to signal action or make a bold statement. Companies like Gmail, ESPN, Grubhub, and Quora all incorporate a similar powerful red in their interfaces, often for primary calls-to-action or to reinforce brand identity.

To see how Lava works in practice, use the tools below. You can explore curated palettes, test color contrast for accessibility, and preview #CF1020 in real UI components from top brands.

To apply the color Lava in your digital projects, start with its hex code: #CF1020. This code is the direct language for browsers and design software to render this specific, vibrant red.

While #CF1020 is perfect for web development, you'll need other formats for different media. For instance, RGB (Red, Green, Blue) values are essential for consistency across digital displays, while CMYK (Cyan, Magenta, Yellow, Key) is the standard for printed materials. Other models like HSL, LAB, and LCH offer different ways to define and adjust color based on hue, saturation, lightness, or perceptual uniformity.

We have translated the Lava hex code #CF1020 into a range of popular formats. You can find and copy these values right below.