American Red

American Red (#B72424) is a bold, rich red with significant depth. This striking color avoids the pure brightness of a primary red, offering a more grounded yet forceful presence that makes an immediate impact on any design composition.

What color is American Red?

What is the meaning of American Red?

How do I use American Red (#B72424) in UI design?

Using American Red color codes

American Red

#B72424

Access our full UI & UX library today.

What color is American Red?

What is the meaning of American Red?

How do I use American Red (#B72424) in UI design?

Using American Red color codes

American Red Code Conversions

HEX

#B72424

LAB

40, 57, 38

RGB

183, 36, 36

XYZ

20.5, 11.5, 2.8

HSL

0°, 67%, 43%

LCH

40, 68, 34°

HSB

0°, 80%, 72%

LUV

40, 110, 24

CMYK

0, 80, 80, 28

CMYK

0, 80, 80, 28

HWB

0°, 14%, 28%

American Red Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For American Red, these adjacent hues create a harmonious and visually soothing palette.

#B7246E

#B72424

#B76E24

#B7246E

#B72424

#B76E24

Complementary

Complementary colors are direct opposites on the color wheel. Paired with American Red, its complement creates a vibrant combination with maximum visual contrast.

#B72424

#24B7B7

#B72424

#24B7B7

Split Complementary

Split complementary schemes for American Red use the two colors adjacent to its direct complement, offering a vibrant yet balanced and versatile palette.

#B72424

#24B76E

#246EB7

#B72424

#24B76E

#246EB7

Triadic

A triadic scheme pairs American Red with two other colors, all equally spaced on the color wheel, resulting in a bold and balanced combination.

#B72424

#24B724

#2424B7

#B72424

#24B724

#2424B7

Tetradic

Tetradic color schemes create a vibrant, four-color palette by combining two pairs of complementary colors, with American Red as the starting point.

#B72424

#6EB724

#24B7B7

#6E24B7

#B72424

#6EB724

#24B7B7

#6E24B7

Square

A square color scheme builds on American Red with three other equidistant colors, creating a dynamic and balanced palette with plenty of contrast.

#B72424

#6EB724

#24B7B7

#6E24B7

#B72424

#6EB724

#24B7B7

#6E24B7

American Red Contrast Simulation

Text Color

#

Background Color

#

6.38

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.

6.38

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

American Red Color Variations

Shades

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

#B72424

#9D1F1F

#831A1A

#691515

#4E0F0F

#340A0A

#1A0505

#000000

#B72424

#9D1F1F

#831A1A

#691515

#4E0F0F

#340A0A

#1A0505

#000000

Tints

Tints of American Red are created by mixing in white, resulting in lighter, softer hues.

#B72424

#C14343

#CC6363

#D68282

#E0A1A1

#EAC0C0

#F5E0E0

#FFFFFF

#B72424

#C14343

#CC6363

#D68282

#E0A1A1

#EAC0C0

#F5E0E0

#FFFFFF

Tones

Tones are muted versions of American Red, created by adding gray to soften its saturation.

#B72424

#AF3131

#A73E3E

#9F4B4B

#985959

#906666

#887373

#808080

#B72424

#AF3131

#A73E3E

#9F4B4B

#985959

#906666

#887373

#808080

Hues

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

#B72424

#B79224

#6EB724

#24B749

#24B7B7

#2449B7

#6E24B7

#B72492

#B72424

#B79224

#6EB724

#24B749

#24B7B7

#2449B7

#6E24B7

#B72492

What Interfaces Use Colors Like American 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