Mid Buff

Meet Mid Buff (#BE8E44), a distinctive golden-brown that balances earthy warmth with a refined character. Its muted saturation gives it a sophisticated feel, avoiding the overt brightness of gold while retaining a rich, tangible quality that brings a grounded elegance to any design palette.

What color is Mid Buff?

What is the meaning of Mid Buff?

How do I use Mid Buff (#BE8E44) in UI design?

Using Mid Buff color codes

Mid Buff

#BE8E44

Access our full UI & UX library today.

What color is Mid Buff?

What is the meaning of Mid Buff?

How do I use Mid Buff (#BE8E44) in UI design?

Using Mid Buff color codes

Mid Buff Code Conversions

HEX

#BE8E44

LAB

62, 10, 46

RGB

190, 142, 68

XYZ

32.0, 30.7, 9.7

HSL

36°, 48%, 51%

LCH

62, 47, 77°

HSB

36°, 64%, 75%

LUV

62, 38, 50

CMYK

0, 25, 64, 25

CMYK

0, 25, 64, 25

HWB

36°, 27%, 25%

Mid Buff Color Harmonies

Analogous

By selecting colors adjacent to Mid Buff on the color wheel, you create an analogous palette that feels composed and naturally balanced.

#BE5144

#BE8E44

#B1BE44

#BE5144

#BE8E44

#B1BE44

Complementary

To find Mid Buff's complementary colors, look directly across the color wheel. These pairings produce a striking, high-contrast look that makes both colors pop.

#BE8E44

#4474BE

#BE8E44

#4474BE

Split Complementary

A split complementary scheme pairs Mid Buff with the two colors adjacent to its direct complement, creating a vibrant yet balanced palette.

#BE8E44

#44B1BE

#5144BE

#BE8E44

#44B1BE

#5144BE

Triadic

Triadic color schemes use three hues equally spaced on the color wheel. With Mid Buff as a base, this creates a vibrant, high-contrast palette.

#BE8E44

#44BE8E

#8E44BE

#BE8E44

#44BE8E

#8E44BE

Tetradic

A tetradic color scheme for Mid Buff uses two pairs of complementary colors, forming a rich, four-color palette with built-in contrast and harmony.

#BE8E44

#44BE51

#4474BE

#BE44B1

#BE8E44

#44BE51

#4474BE

#BE44B1

Square

A square color scheme takes four colors spaced evenly around the color wheel. When built from Mid Buff, it produces a rich, high-contrast combination.

#BE8E44

#44BE51

#4474BE

#BE44B1

#BE8E44

#44BE51

#4474BE

#BE44B1

Mid Buff Contrast Simulation

Text Color

#

Background Color

#

7.14

Excellent

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.

7.14

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Mid Buff Color Variations

Shades

Adding black to Mid Buff creates darker shades, giving your design more depth and weight.

#BE8E44

#A37A3A

#886531

#6D5127

#513D1D

#362913

#1B140A

#000000

#BE8E44

#A37A3A

#886531

#6D5127

#513D1D

#362913

#1B140A

#000000

Tints

Tints of Mid Buff are created with white, resulting in lighter, softer tones.

#BE8E44

#C79E5F

#D1AE79

#DABE94

#E3CFAF

#ECDFCA

#F6EFE4

#FFFFFF

#BE8E44

#C79E5F

#D1AE79

#DABE94

#E3CFAF

#ECDFCA

#F6EFE4

#FFFFFF

Tones

Adding gray to Mid Buff creates its tones, resulting in softer, less saturated versions.

#BE8E44

#B58C4D

#AC8A55

#A3885E

#9B8666

#92846F

#898277

#808080

#BE8E44

#B58C4D

#AC8A55

#A3885E

#9B8666

#92846F

#898277

#808080

Hues

Hues are variations of Mid Buff, sharing its base color but differing in intensity or temperature.

#BE8E44

#92BE44

#44BE51

#44BEAC

#4474BE

#7044BE

#BE44B1

#BE4455

#BE8E44

#92BE44

#44BE51

#44BEAC

#4474BE

#7044BE

#BE44B1

#BE4455

What Interfaces Use Colors Like Mid Buff?

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