Color Code Palette

Appearance

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.

Visual example of butter color with its warm, creamy appearance
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.

🎨

Shades (Adding Black)

  • 3B82F6
    rgb(59, 130, 246)
  • 376BC8
    rgb(55, 107, 200)
  • 31559D
    rgb(49, 85, 157)
  • 294073
    rgb(41, 64, 115)
  • 202C4C
    rgb(32, 44, 76)
  • 151928
    rgb(21, 25, 40)
  • 000000
    rgb(0, 0, 0)

Tints (Adding White)

  • 3B82F6
    rgb(59, 130, 246)
  • 6D95F8
    rgb(109, 149, 248)
  • 91A9FA
    rgb(145, 169, 250)
  • AFBEFC
    rgb(175, 190, 252)
  • CBD3FD
    rgb(203, 211, 253)
  • E5E9FE
    rgb(229, 233, 254)
  • FFFFFF
    rgb(255, 255, 255)

Tones (Adding Gray)

  • 3B82F6
    rgb(59, 130, 246)
  • 5082E9
    rgb(80, 130, 233)
  • 6182D7
    rgb(97, 130, 215)
  • 6F83C4
    rgb(111, 131, 196)
  • 7983B0
    rgb(121, 131, 176)
  • 80849B
    rgb(128, 132, 155)
  • 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.

🎨

Sequential

Single hue gradient for data visualization

7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634

Diverging

Dual hue gradient with a neutral midpoint

9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734

Monochromatic

Same hue, different brightness/saturation

5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB

Complementary

Colors opposite on the color wheel (180° apart)

2 colors
Main
#3498DB
Complementary
#DB7734

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34

Square

Four colors evenly spaced (90° apart)

4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34

Tetradic

Two pairs of complementary colors

4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34

Split Complementary

Complementary colors ±30°

3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34

Cyclic

Circular gradient for periodic data

8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1

Pastel

Soft, desaturated colors for modern UI

6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB

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.

🎨

All Formats:

  • HEX:
    #ECB12E
  • RGB:
    rgb(236, 177, 46)
  • CMYK:
    cmyk(0%, 25%, 81%, 7%)
  • HSV:
    hsv(41°, 81%, 93%)
  • HSL:
    hsl(41°, 83%, 55%)

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.