Golden Poppy

Meet Golden Poppy (#FCC200), a radiant hue that sits perfectly between a rich yellow and a soft orange. Its striking saturation gives it a confident presence, making it a compelling choice for interfaces that need a touch of warmth and energy without overwhelming the eye.

What color is Golden Poppy?

What is the meaning of Golden Poppy?

How do I use Golden Poppy (#FCC200) in UI design?

Using Golden Poppy color codes

Golden Poppy

#FCC200

Access our full UI & UX library today.

What color is Golden Poppy?

What is the meaning of Golden Poppy?

How do I use Golden Poppy (#FCC200) in UI design?

Using Golden Poppy color codes

Golden Poppy Code Conversions

HEX

#FCC200

LAB

81, 8, 83

RGB

252, 194, 0

XYZ

59.4, 59.3, 8.3

HSL

46°, 100%, 49%

LCH

81, 84, 85°

HSB

46°, 100%, 99%

LUV

81, 49, 84

CMYK

0, 23, 100, 1

CMYK

0, 23, 100, 1

HWB

46°, 0%, 1%

Golden Poppy Color Harmonies

Analogous

Analogous colors are three hues found side-by-side on the color wheel. For Golden Poppy, this creates a harmonious and serene visual effect.

#FC4400

#FCC200

#B8FC00

#FC4400

#FCC200

#B8FC00

Complementary

Complementary colors sit directly opposite each other on the color wheel. When paired with Golden Poppy, these hues create a striking, high-contrast visual effect.

#FCC200

#003AFC

#FCC200

#003AFC

Split Complementary

A split complementary scheme offers more creative freedom, pairing Golden Poppy with the two colors that sit next to its direct complement on the wheel.

#FCC200

#00B8FC

#4400FC

#FCC200

#00B8FC

#4400FC

Triadic

A triadic palette is formed by three colors equidistant on the color wheel. See how Golden Poppy pairs with its counterparts for a bold effect.

#FCC200

#00FCC2

#C200FC

#FCC200

#00FCC2

#C200FC

Tetradic

Tetradic schemes pair Golden Poppy with its complement and another complementary pair, forming a rich, four-color rectangle on the color wheel.

#FCC200

#00FC44

#003AFC

#FC00B8

#FCC200

#00FC44

#003AFC

#FC00B8

Square

Square color schemes pair Golden Poppy with three other equidistant colors on the color wheel, resulting in a balanced yet highly contrasting visual effect.

#FCC200

#00FC44

#003AFC

#FC00B8

#FCC200

#00FC44

#003AFC

#FC00B8

Golden Poppy Contrast Simulation

Text Color

#

Background Color

#

12.86

Super

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.

12.86

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Golden Poppy Color Variations

Shades

Adding black to Golden Poppy creates shades, darker versions that give designs more weight and depth.

#FCC200

#D8A600

#B48B00

#906F00

#6C5300

#483700

#241C00

#000000

#FCC200

#D8A600

#B48B00

#906F00

#6C5300

#483700

#241C00

#000000

Tints

Tints of Golden Poppy are created by mixing in white, resulting in softer, airier values.

#FCC200

#FCCB24

#FDD349

#FDDC6D

#FEE592

#FEEEB6

#FFF6DB

#FFFFFF

#FCC200

#FCCB24

#FDD349

#FDDC6D

#FEE592

#FEEEB6

#FFF6DB

#FFFFFF

Tones

Tones are created by adding gray to Golden Poppy, resulting in softer, muted variations.

#FCC200

#EAB912

#D9AF25

#C7A637

#B59C49

#A3935B

#92896E

#808080

#FCC200

#EAB912

#D9AF25

#C7A637

#B59C49

#A3935B

#92896E

#808080

Hues

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

#FCC200

#79FC00

#00FC44

#00F7FC

#003AFC

#8300FC

#FC00B8

#FC0500

#FCC200

#79FC00

#00FC44

#00F7FC

#003AFC

#8300FC

#FC00B8

#FC0500

What Interfaces Use Colors Like Golden Poppy?

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