Butter Color Code: HEX Code & RGB Code Values

Looking for specific butter color code? Get exact butter hex code #F0E14D and butter RGB code rgb(240,225,77). Complete color information for design and development projects featuring this warm, creamy color.

HEX#F0E14D

RGBrgb(240,225,77)

Shades of Butter

Create custom shades of butter with our color generator. Adjust hues, tints, and tones to find the perfect shade of butter for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• F0E14D

  rgb(240, 225, 77)
• C4B742

  rgb(196, 183, 66)
• 9A9037

  rgb(154, 144, 55)
• 716A2B

  rgb(113, 106, 43)
• 4B4620

  rgb(75, 70, 32)
• 282514

  rgb(40, 37, 20)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• F0E14D

  rgb(240, 225, 77)
• F5E66F

  rgb(245, 230, 111)
• F9EB8D

  rgb(249, 235, 141)
• FDF0AA

  rgb(253, 240, 170)
• FFF5C6

  rgb(255, 245, 198)
• FFFAE3

  rgb(255, 250, 227)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• F0E14D

  rgb(240, 225, 77)
• F0E061

  rgb(240, 224, 97)
• EFE079

  rgb(239, 224, 121)
• EDDF91

  rgb(237, 223, 145)
• E9DFAA

  rgb(233, 223, 170)
• E5DEC3

  rgb(229, 222, 195)
• 808080

  rgb(128, 128, 128)

Butter Palette

Explore curated and automatically generated color palettes featuring butter. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#FEFBE1

Light

#FCF2B2

Medium Light

#F8EA82

Medium

#F0E14D

Medium Dark

#C1B439

Dark

#938826

Darkest

#685F14

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#F0E14D

Left Dark

#F5E67C

Left Medium

#F8EBA5

Left Light

#F8F0CD

Neutral

#F5F5F5

Right Light

#D4CDF5

Right Medium

#B0A6F4

Right Dark

#8680F3

Complementary End

#4D5CF0

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FDF0AA

Medium

#F0E14D

Dark

#6F6C00

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#F04D5C

Left Adjacent 1

#F0904D

Main

#F0E14D

Right Adjacent 1

#ADF04D

Right Adjacent 2

#5CF04D

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#F0E14D

Complementary

#4D5CF0

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#F0E14D

Secondary

#4DF0E1

Tertiary

#E14DF0

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#F0E14D

Right 90°

#4DF090

Complementary

#4D5CF0

Left 90°

#F04DAD

Tetradic

Two pairs of complementary colors

4 colors

Main

#F0E14D

Secondary

#5CF04D

Complementary

#4D5CF0

Complementary Secondary

#E14DF0

Split Complementary

Complementary colors ±30°

3 colors

Main

#F0E14D

Split Left

#4DAEF0

Split Right

#904DF0

Cyclic

Circular gradient for periodic data

8 colors

0°

#F0E14D

45°

#85F04D

90°

#4DF090

135°

#4DD6F0

180°

#4D5CF0

225°

#B84DF0

270°

#F04DAD

315°

#F0674D

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C6C29F

Pastel 1

#CDCAAC

Pastel 2

#D5D2B9

Pastel 3

#DDDBC5

Pastel 4

#E4E3D2

Deep Pastel

#ECEBDF

Common Yellow Color Codes (HEX & RGB)

Shades of Gold →

HEX:#FFD700

RGB:rgb(255, 215, 0)

Yellow →

HEX:#FFFF00

RGB:rgb(255, 255, 0)

Light Yellow →

HEX:#FFFFE0

RGB:rgb(255, 255, 224)

Gold →

HEX:#FFD700

RGB:rgb(255, 215, 0)

Metallic Gold →

HEX:#B8860B

RGB:rgb(184, 134, 11)

Extract Butter Hex & RGB Codes from Image

Upload a photo to find the exact butter HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Butter Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for butter shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #F0E14D
• RGB:
  rgb(240, 225, 77)
• CMYK:
  cmyk(0%, 6%, 68%, 6%)
• HSV:
  hsv(54°, 68%, 94%)
• HSL:
  hsl(54°, 84%, 62%)

---

What is Butter?

Butter is a warm, creamy yellow color that resembles the color of softened butter. It's a gentle, comforting shade that evokes feelings of warmth and home. This color is often associated with baking, comfort food, and cozy interiors.

The hex code for butter is #F0E14D, with RGB values of rgb(240, 225, 77). It's a soft, inviting color that adds warmth to any design.

Design Applications

Butter works well in food branding, home decor, and cozy aesthetics. It pairs beautifully with white, cream, and soft brown. Use it for bakery designs, kitchen products, or to create a warm, welcoming atmosphere in your projects.

FAQ

What is the butter hex code?

The butter hex code is #F0E14D.

What colors complement butter?

Butter pairs well with white, cream, soft brown, and light green.

Is butter a warm color?

Yes, butter is a warm color with soft yellow undertones.