Lava Red

Introducing Lava Red (#C5221F), a shade of red that packs a visual punch. This color is defined by its high saturation and a clean, almost primary quality, giving it a powerful presence in any design system. It's a red that demands to be seen.

What color is Lava Red?

What is the meaning of Lava Red?

How do I use Lava Red (#C5221F) in UI design?

Using Lava Red color codes

Lava Red

#C5221F

Access our full UI & UX library today.

What color is Lava Red?

What is the meaning of Lava Red?

How do I use Lava Red (#C5221F) in UI design?

Using Lava Red color codes

Lava Red Code Conversions

HEX

#C5221F

LAB

43, 61, 44

RGB

197, 34, 31

XYZ

23.8, 13.1, 2.6

HSL

1°, 73%, 45%

LCH

43, 76, 36°

HSB

1°, 84%, 77%

LUV

43, 123, 27

CMYK

0, 83, 84, 23

CMYK

0, 83, 84, 23

HWB

1°, 12%, 23%

Lava Red Color Harmonies

Analogous

Analogous colors sit beside Lava Red on the color wheel. This close relationship results in a serene and cohesive palette, perfect for unified designs.

#C51F6F

#C5221F

#C5751F

#C51F6F

#C5221F

#C5751F

Complementary

Lava Red’s complementary colors are found directly opposite on the color wheel. These pairings create a vibrant, energetic look with maximum visual contrast.

#C5221F

#1FC2C5

#C5221F

#1FC2C5

Split Complementary

For Lava Red, a split complementary palette takes the two colors on either side of its opposite, creating a vibrant yet balanced look.

#C5221F

#1FC575

#1F6FC5

#C5221F

#1FC575

#1F6FC5

Triadic

Triadic palettes use three hues equidistant on the color wheel. With Lava Red, this creates a bold, multicolored combination with strong visual contrast.

#C5221F

#1FC522

#221FC5

#C5221F

#1FC522

#221FC5

Tetradic

A tetradic scheme pairs Lava Red with its complement, plus another complementary pair, creating a rich, four-color rectangular harmony.

#C5221F

#6FC51F

#1FC2C5

#751FC5

#C5221F

#6FC51F

#1FC2C5

#751FC5

Square

Square color schemes pair Lava Red with three other colors, all equidistant on the color wheel, for a bold and highly contrasting effect.

#C5221F

#6FC51F

#1FC2C5

#751FC5

#C5221F

#6FC51F

#1FC2C5

#751FC5

Lava Red Contrast Simulation

Text Color

#

Background Color

#

5.80

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

Text Color

#

Background Color

#

Your Catchy Large Text Goes Here

A high contrast makes anything easier to read, especially small text.

5.80

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Lava Red Color Variations

Shades

Shades are created by adding black to Lava Red, giving the color more depth and weight.

#C5221F

#A91D1B

#8D1816

#711312

#540F0D

#380A09

#1C0504

#000000

#C5221F

#A91D1B

#8D1816

#711312

#540F0D

#380A09

#1C0504

#000000

Tints

Tints are lighter versions of Lava Red, created by adding white for a softer feel.

#C5221F

#CD423F

#D6615F

#DE817F

#E6A09F

#EEC0BF

#F7DFDF

#FFFFFF

#C5221F

#CD423F

#D6615F

#DE817F

#E6A09F

#EEC0BF

#F7DFDF

#FFFFFF

Tones

Tones of Lava Red are made by mixing in gray, which mutes the color's intensity.

#C5221F

#BB2F2D

#B13D3B

#A74A49

#9E5856

#946564

#8A7372

#808080

#C5221F

#BB2F2D

#B13D3B

#A74A49

#9E5856

#946564

#8A7372

#808080

Hues

Hues are variations of Lava Red, differing in intensity or temperature to create distinct moods.

#C5221F

#C59E1F

#6FC51F

#1FC54C

#1FC2C5

#1F45C5

#751FC5

#C51F98

#C5221F

#C59E1F

#6FC51F

#1FC54C

#1FC2C5

#1F45C5

#751FC5

#C51F98

What Interfaces Use Colors Like Lava Red?

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox

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.

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox