Buttercup Color Code: HEX Code & RGB Code Values

Looking for specific buttercup color code? Get exact buttercup hex code #FDFF00 and buttercup RGB code rgb(253,255,0). Complete color information for design and development projects featuring this vibrant, cheerful color.

HEX#FDFF00

RGBrgb(253,255,0)

Shades of Buttercup

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

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• FDFF00

  rgb(253, 255, 0)
• CFD015

  rgb(207, 208, 21)
• A2A21B

  rgb(162, 162, 27)
• 77771B

  rgb(119, 119, 27)
• 4F4E17

  rgb(79, 78, 23)
• 2A2911

  rgb(42, 41, 17)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• FDFF00

  rgb(253, 255, 0)
• FFFF6C

  rgb(255, 255, 108)
• FFFF9B

  rgb(255, 255, 155)
• FFFFBD

  rgb(255, 255, 189)
• FFFFD6

  rgb(255, 255, 214)
• FFFFEC

  rgb(255, 255, 236)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• FDFF00

  rgb(253, 255, 0)
• FFFE42

  rgb(255, 254, 66)
• FFFC69

  rgb(255, 252, 105)
• FFFB8D

  rgb(255, 251, 141)
• FFF9AF

  rgb(255, 249, 175)
• FCF8D2

  rgb(252, 248, 210)
• 808080

  rgb(128, 128, 128)

Buttercup Palette

Explore curated and automatically generated color palettes featuring buttercup. 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

#FFFFC5

Light

#FFFF97

Medium Light

#FFFF63

Medium

#FDFF00

Medium Dark

#B4B50F

Dark

#707010

Darkest

#333309

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#FDFF00

Left Dark

#FFFC65

Left Medium

#FFFA99

Left Light

#FDF7C8

Neutral

#F5F5F5

Right Light

#D5BDFA

Right Medium

#AE87FD

Right Dark

#7C4FFF

Complementary End

#0200FF

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#FFFF9D

Medium

#FDFF00

Dark

#6C7B00

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#FF0200

Left Adjacent 1

#FF8200

Main

#FDFF00

Right Adjacent 1

#7DFF00

Right Adjacent 2

#00FF02

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#FDFF00

Complementary

#0200FF

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#FDFF00

Secondary

#00FDFF

Tertiary

#FF00FD

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#FDFF00

Right 90°

#00FF82

Complementary

#0200FF

Left 90°

#FF007D

Tetradic

Two pairs of complementary colors

4 colors

Main

#FDFF00

Secondary

#00FF02

Complementary

#0200FF

Complementary Secondary

#FF00FD

Split Complementary

Complementary colors ±30°

3 colors

Main

#FDFF00

Split Left

#007DFF

Split Right

#8200FF

Cyclic

Circular gradient for periodic data

8 colors

0°

#FDFF00

45°

#3EFF00

90°

#00FF82

135°

#00BDFF

180°

#0200FF

225°

#C100FF

270°

#FF007D

315°

#FF4200

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#C9C99C

Pastel 1

#D0D1A9

Pastel 2

#D7D8B6

Pastel 3

#DFDFC3

Pastel 4

#E6E6D1

Deep Pastel

#EDEDDE

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 Buttercup Hex & RGB Codes from Image

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

click or drag your image here

Supported formats: JPG, PNG, WebP

Buttercup Color Code Converter

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

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #FDFF00
• RGB:
  rgb(253, 255, 0)
• CMYK:
  cmyk(1%, 0%, 100%, 0%)
• HSV:
  hsv(60°, 100%, 100%)
• HSL:
  hsl(60°, 100%, 50%)

---

What is Buttercup?

Buttercup is a vibrant, cheerful yellow color named after the bright yellow flower. It's a lively, sunny shade that evokes feelings of happiness and springtime. This color is often associated with wildflowers, meadows, and joyful occasions.

The hex code for buttercup is #FDFF00, with RGB values of rgb(253, 255, 0). It's an intense, eye-catching color that adds energy and warmth to any design.

Design Applications

Buttercup works well in nature designs, spring themes, and children's products. It pairs beautifully with green, white, and light blue. Use it for floral designs, spring promotions, or to create a cheerful, upbeat atmosphere in your projects.

FAQ

What is the buttercup hex code?

The buttercup hex code is #FDFF00.

What colors complement buttercup?

Buttercup pairs well with green, white, light blue, and orange.

Is buttercup named after the flower?

Yes, it's named after the bright yellow buttercup flower.