Blood Orange

Meet Blood Orange (#D1001C), a fiery red that stops just short of pure crimson. Its intense saturation and subtle orange undertone create a uniquely vibrant hue that immediately draws the eye, making it a powerful choice for any designer's palette.

What color is Blood Orange?

What is the meaning of Blood Orange?

How do I use Blood Orange (#D1001C) in UI design?

Using Blood Orange color codes

Blood Orange

#D1001C

Access our full UI & UX library today.

What color is Blood Orange?

What is the meaning of Blood Orange?

How do I use Blood Orange (#D1001C) in UI design?

Using Blood Orange color codes

Blood Orange Code Conversions

HEX

#D1001C

LAB

44, 69, 47

RGB

209, 0, 28

XYZ

26.5, 13.6, 2.3

HSL

352°, 100%, 41%

LCH

44, 84, 34°

HSB

352°, 100%, 82%

LUV

44, 141, 27

CMYK

0, 100, 87, 18

CMYK

0, 100, 87, 18

HWB

352°, 0%, 18%

Blood Orange Color Harmonies

Analogous

Analogous color schemes use colors adjacent on the color wheel. When built around Blood Orange, they produce a cohesive and naturally serene visual effect.

#D10085

#D1001C

#D14C00

#D10085

#D1001C

#D14C00

Complementary

Complementary colors are opposites on the color wheel. When paired with Blood Orange, these hues create a striking, high-contrast visual effect.

#D1001C

#00D1B5

#D1001C

#00D1B5

Split Complementary

A split complementary scheme for Blood Orange uses the two colors adjacent to its direct complement, offering a vibrant yet balanced high-contrast palette.

#D1001C

#00D14C

#0085D1

#D1001C

#00D14C

#0085D1

Triadic

Triadic colors form a triangle on the color wheel. With Blood Orange as a base, this combination offers a bold, multicolored effect with strong visual contrast.

#D1001C

#1CD100

#001CD1

#D1001C

#1CD100

#001CD1

Tetradic

Using Blood Orange as a base, a tetradic scheme adds three more colors, forming two complementary pairs for a bold yet harmonious combination.

#D1001C

#85D100

#00D1B5

#4C00D1

#D1001C

#85D100

#00D1B5

#4C00D1

Square

Based on four colors evenly spaced around the color wheel, a square scheme offers a rich, high-contrast palette built around Blood Orange.

#D1001C

#85D100

#00D1B5

#4C00D1

#D1001C

#85D100

#00D1B5

#4C00D1

Blood Orange Contrast Simulation

Text Color

#

Background Color

#

5.63

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

Good

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Blood Orange Color Variations

Shades

Shades of Blood Orange are darker tones created by adding black for a weightier feel.

#D1001C

#B30018

#950014

#770010

#5A000C

#3C0008

#1E0004

#000000

#D1001C

#B30018

#950014

#770010

#5A000C

#3C0008

#1E0004

#000000

Tints

Tints of Blood Orange are created by adding white, resulting in lighter, softer hues.

#D1001C

#D8243C

#DE495D

#E56D7D

#EB929E

#F2B6BE

#F8DBDF

#FFFFFF

#D1001C

#D8243C

#DE495D

#E56D7D

#EB929E

#F2B6BE

#F8DBDF

#FFFFFF

Tones

Tones of Blood Orange are created by adding gray, resulting in softer, more muted versions.

#D1001C

#C5122A

#BA2539

#AE3747

#A34955

#975B63

#8C6E72

#808080

#D1001C

#C5122A

#BA2539

#AE3747

#A34955

#975B63

#8C6E72

#808080

Hues

Hues are variations of Blood Orange, sharing its base but with different intensities or temperatures.

#D1001C

#D18100

#85D100

#00D118

#00D1B5

#0050D1

#4C00D1

#D100B9

#D1001C

#D18100

#85D100

#00D118

#00D1B5

#0050D1

#4C00D1

#D100B9

What Interfaces Use Colors Like Blood Orange?

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