Golden Ray

Meet Golden Ray (#FED749), a vibrant yellow that commands attention. Its striking quality comes from a rich saturation that sits perfectly between a pure yellow and a soft orange, giving it a distinct warmth and luminosity without being overwhelming.

What color is Golden Ray?

What is the meaning of Golden Ray?

How do I use Golden Ray (#FED749) in UI design?

Using Golden Ray color codes

Golden Ray

#FED749

Access our full UI & UX library today.

What color is Golden Ray?

What is the meaning of Golden Ray?

How do I use Golden Ray (#FED749) in UI design?

Using Golden Ray color codes

Golden Ray Code Conversions

HEX

#FED749

LAB

87, -1, 71

RGB

254, 215, 73

XYZ

66.4, 70.2, 16.3

HSL

47°, 99%, 64%

LCH

87, 71, 91°

HSB

47°, 71%, 100%

LUV

87, 33, 82

CMYK

0, 15, 71, 0

CMYK

0, 15, 71, 0

HWB

47°, 29%, 0%

Golden Ray Color Harmonies

Analogous

Analogous color schemes pair Golden Ray with its neighbors on the color wheel, creating a harmonious and serene visual effect for any design.

#FE7C49

#FED749

#CAFE49

#FE7C49

#FED749

#CAFE49

Complementary

Complementary colors sit opposite each other on the color wheel. Pairing one with Golden Ray results in a vivid, high-contrast combination for any interface.

#FED749

#4970FE

#FED749

#4970FE

Split Complementary

Split complementary colors offer a twist on the classic complementary scheme. For Golden Ray, this means pairing it with the two colors adjacent to its direct opposite.

#FED749

#49CBFE

#7C49FE

#FED749

#49CBFE

#7C49FE

Triadic

Triadic color schemes use three colors equally spaced on the color wheel. With Golden Ray as a base, this creates a vibrant, high-contrast palette.

#FED749

#49FED7

#D749FE

#FED749

#49FED7

#D749FE

Tetradic

A tetradic scheme pairs Golden Ray with three other colors, using two sets of complements to form a rich, rectangular harmony on the color wheel.

#FED749

#49FE7C

#4970FE

#FE49CB

#FED749

#49FE7C

#4970FE

#FE49CB

Square

A square color scheme pairs Golden Ray with three other colors, all equidistant on the color wheel, creating a vibrant and high-contrast palette.

#FED749

#49FE7C

#4970FE

#FE49CB

#FED749

#49FE7C

#4970FE

#FE49CB

Golden Ray Contrast Simulation

Text Color

#

Background Color

#

15.03

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.

15.03

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Golden Ray Color Variations

Shades

Shades of Golden Ray are made by adding black, which creates darker and more substantial tones.

#FED749

#DAB83F

#B59A34

#917B2A

#6D5C1F

#493D15

#241F0A

#000000

#FED749

#DAB83F

#B59A34

#917B2A

#6D5C1F

#493D15

#241F0A

#000000

Tints

Tints are lighter variations of Golden Ray, created by mixing in white for a softer appearance.

#FED749

#FEDD63

#FEE27D

#FEE897

#FFEEB1

#FFF4CB

#FFF9E5

#FFFFFF

#FED749

#FEDD63

#FEE27D

#FEE897

#FFEEB1

#FFF4CB

#FFF9E5

#FFFFFF

Tones

Tones are muted versions of Golden Ray, created by adding gray for a softer saturation.

#FED749

#ECCB51

#DABE59

#C8B261

#B6A568

#A49970

#928C78

#808080

#FED749

#ECCB51

#DABE59

#C8B261

#B6A568

#A49970

#928C78

#808080

Hues

Hues are variations of Golden Ray, sharing its base color but with different intensities and temperatures.

#FED749

#9DFE49

#49FE7C

#49F8FE

#4970FE

#AA49FE

#FE49CB

#FE4F49

#FED749

#9DFE49

#49FE7C

#49F8FE

#4970FE

#AA49FE

#FE49CB

#FE4F49

What Interfaces Use Colors Like Golden Ray?

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