Arylide Yellow

Meet Arylide Yellow, hex code #E9D66B. This isn't your standard primary yellow; it carries a distinct, earthy warmth. Its muted yet luminous quality gives it a sophisticated character, making it a compelling choice for palettes that require a touch of understated brilliance without overwhelming the eye.

What color is Arylide Yellow?

What is the meaning of Arylide Yellow?

How do I use Arylide Yellow (#E9D66B) in UI design?

Using Arylide Yellow color codes

Arylide Yellow

#E9D66B

Access our full UI & UX library today.

What color is Arylide Yellow?

What is the meaning of Arylide Yellow?

How do I use Arylide Yellow (#E9D66B) in UI design?

Using Arylide Yellow color codes

Arylide Yellow Code Conversions

HEX

#E9D66B

LAB

85, -7, 54

RGB

233, 214, 107

XYZ

60.3, 66.5, 23.6

HSL

51°, 74%, 67%

LCH

85, 55, 97°

HSB

51°, 54%, 91%

LUV

85, 18, 69

CMYK

0, 8, 54, 9

CMYK

0, 8, 54, 9

HWB

51°, 42%, 9%

Arylide Yellow Color Harmonies

Analogous

Analogous colors are neighbors on the color wheel. For Arylide Yellow, this creates a harmonious and serene palette, blending seamlessly for a cohesive design.

#E9976B

#E9D66B

#BDE96B

#E9976B

#E9D66B

#BDE96B

Complementary

A complementary scheme pairs Arylide Yellow with its direct opposite on the color wheel, creating a bold combination with the strongest possible visual contrast.

#E9D66B

#6B7EE9

#E9D66B

#6B7EE9

Split Complementary

The split complementary palette for Arylide Yellow pairs it with the two colors adjacent to its direct complement, offering a sophisticated, high-contrast look.

#E9D66B

#6BBDE9

#976BE9

#E9D66B

#6BBDE9

#976BE9

Triadic

A triadic combination pairs Arylide Yellow with two other colors, all equidistant on the color wheel, resulting in a bold and harmonious visual effect.

#E9D66B

#6BE9D6

#D66BE9

#E9D66B

#6BE9D6

#D66BE9

Tetradic

Using Arylide Yellow as a base, a tetradic palette is built from two complementary color pairs, creating a rectangular shape on the color wheel.

#E9D66B

#6BE997

#6B7EE9

#E96BBD

#E9D66B

#6BE997

#6B7EE9

#E96BBD

Square

A square color scheme uses four colors equally spaced on the color wheel. With Arylide Yellow, this creates a vibrant and highly contrasting palette.

#E9D66B

#6BE997

#6B7EE9

#E96BBD

#E9D66B

#6BE997

#6B7EE9

#E96BBD

Arylide Yellow Contrast Simulation

Text Color

#

Background Color

#

14.30

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.

14.30

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Arylide Yellow Color Variations

Shades

Shades of Arylide Yellow are created by adding black, giving the color more depth and weight.

#E9D66B

#C8B75C

#A6994C

#857A3D

#645C2E

#433D1F

#211F0F

#000000

#E9D66B

#C8B75C

#A6994C

#857A3D

#645C2E

#433D1F

#211F0F

#000000

Tints

By adding white, you can create tints of Arylide Yellow for a softer, airier palette.

#E9D66B

#ECDC80

#EFE295

#F2E8AA

#F6EDC0

#F9F3D5

#FCF9EA

#FFFFFF

#E9D66B

#ECDC80

#EFE295

#F2E8AA

#F6EDC0

#F9F3D5

#FCF9EA

#FFFFFF

Tones

Tones of Arylide Yellow are created by adding gray, resulting in softer, less saturated versions.

#E9D66B

#DACA6E

#CBBD71

#BCB174

#ADA577

#9E997A

#8F8C7D

#808080

#E9D66B

#DACA6E

#CBBD71

#BCB174

#ADA577

#9E997A

#8F8C7D

#808080

Hues

Hues are variations of Arylide Yellow, differing in intensity and temperature to create distinct moods.

#E9D66B

#9DE96B

#6BE997

#6BDCE9

#6B7EE9

#B76BE9

#E96BBD

#E9786B

#E9D66B

#9DE96B

#6BE997

#6BDCE9

#6B7EE9

#B76BE9

#E96BBD

#E9786B

What Interfaces Use Colors Like Arylide Yellow?

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