Bold Red

Meet Bold Red (#BA3F38), a confident and grounded shade that commands attention. Its rich, earthy undertone gives it a sophisticated weight, setting it apart from brighter primary reds and making it a compelling choice for designers seeking a strong yet refined hue for their palette.

What color is Bold Red?

What is the meaning of Bold Red?

How do I use Bold Red (#BA3F38) in UI design?

Using Bold Red color codes

Bold Red

#BA3F38

Access our full UI & UX library today.

What color is Bold Red?

What is the meaning of Bold Red?

How do I use Bold Red (#BA3F38) in UI design?

Using Bold Red color codes

Bold Red Code Conversions

HEX

#BA3F38

LAB

45, 49, 32

RGB

186, 63, 56

XYZ

22.7, 14.3, 5.3

HSL

3°, 54%, 47%

LCH

45, 58, 33°

HSB

3°, 70%, 73%

LUV

45, 94, 23

CMYK

0, 66, 70, 27

CMYK

0, 66, 70, 27

HWB

3°, 22%, 27%

Bold Red Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Bold Red, these adjacent hues create a harmonious and visually pleasing composition.

#BA3872

#BA3F38

#BA8038

#BA3872

#BA3F38

#BA8038

Complementary

Complementary colors sit directly opposite each other on the color wheel. When paired with Bold Red, they create a striking, high-contrast visual effect.

#BA3F38

#38B3BA

#BA3F38

#38B3BA

Split Complementary

Split complementary colors for Bold Red use the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.

#BA3F38

#38BA80

#3872BA

#BA3F38

#38BA80

#3872BA

Triadic

A triadic scheme pairs Bold Red with two other colors, each equidistant on the color wheel, creating a vibrant and balanced high-contrast palette.

#BA3F38

#38BA3F

#3F38BA

#BA3F38

#38BA3F

#3F38BA

Tetradic

Tetradic schemes create rich palettes by using two pairs of complementary colors. See how Bold Red works within these four-color combinations.

#BA3F38

#72BA38

#38B3BA

#8038BA

#BA3F38

#72BA38

#38B3BA

#8038BA

Square

A square scheme places four colors equidistant on the color wheel. This method creates a vibrant, high-contrast palette with Bold Red as a base.

#BA3F38

#72BA38

#38B3BA

#8038BA

#BA3F38

#72BA38

#38B3BA

#8038BA

Bold Red Contrast Simulation

Text Color

#

Background Color

#

5.45

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.45

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Bold Red Color Variations

Shades

Shades of Bold Red are made by adding black, resulting in darker, weightier tones.

#BA3F38

#9F3630

#852D28

#6A2420

#501B18

#351210

#1B0908

#000000

#BA3F38

#9F3630

#852D28

#6A2420

#501B18

#351210

#1B0908

#000000

Tints

Tints are lighter versions of Bold Red, created by adding white for a softer effect.

#BA3F38

#C45A54

#CE7671

#D8918D

#E1ADAA

#EBC8C6

#F5E4E3

#FFFFFF

#BA3F38

#C45A54

#CE7671

#D8918D

#E1ADAA

#EBC8C6

#F5E4E3

#FFFFFF

Tones

Tones are created by adding gray to Bold Red, resulting in softer, more muted variations.

#BA3F38

#B24842

#A9524D

#A15B57

#996461

#916D6B

#887776

#808080

#BA3F38

#B24842

#A9524D

#A15B57

#996461

#916D6B

#887776

#808080

Hues

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

#BA3F38

#BAA038

#72BA38

#38BA5F

#38B3BA

#3851BA

#8038BA

#BA3892

#BA3F38

#BAA038

#72BA38

#38BA5F

#38B3BA

#3851BA

#8038BA

#BA3892

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