Urobilin

Meet Urobilin (#E1AD21), a distinct golden-yellow that commands attention. Its rich, saturated character gives it a tangible warmth and visual weight, setting it apart from more common yellows and making it a compelling choice for any designer's palette.

What color is Urobilin?

What is the meaning of Urobilin?

How do I use Urobilin (#E1AD21) in UI design?

Using Urobilin color codes

Urobilin

#E1AD21

Access our full UI & UX library today.

What color is Urobilin?

What is the meaning of Urobilin?

How do I use Urobilin (#E1AD21) in UI design?

Using Urobilin color codes

Urobilin Code Conversions

HEX

#E1AD21

LAB

74, 7, 71

RGB

225, 173, 33

XYZ

46.3, 46.0, 7.9

HSL

44°, 76%, 51%

LCH

74, 71, 84°

HSB

44°, 85%, 88%

LUV

74, 44, 73

CMYK

0, 23, 85, 12

CMYK

0, 23, 85, 12

HWB

44°, 13%, 12%

Urobilin Color Harmonies

Analogous

Built around Urobilin (#E1AD21), analogous schemes pair colors adjacent on the color wheel, resulting in a calm and cohesive visual effect.

#E14D21

#E1AD21

#B5E121

#E14D21

#E1AD21

#B5E121

Complementary

Complementary colors sit opposite each other on the color wheel. When paired with Urobilin, its complement creates a striking, high-contrast visual effect.

#E1AD21

#2155E1

#E1AD21

#2155E1

Split Complementary

A split complementary scheme for Urobilin (#E1AD21) uses the two colors adjacent to its direct complement, creating a vibrant, yet balanced, high-contrast palette.

#E1AD21

#21B5E1

#4D21E1

#E1AD21

#21B5E1

#4D21E1

Triadic

A triadic scheme pulls three colors from equidistant points on the color wheel. The result is a high-contrast combination that feels both vibrant and stable.

#E1AD21

#21E1AD

#AD21E1

#E1AD21

#21E1AD

#AD21E1

Tetradic

A tetradic scheme uses four colors in total, forming a rectangle on the color wheel with two complementary pairs, offering rich combinations with Urobilin.

#E1AD21

#21E14D

#2155E1

#E121B5

#E1AD21

#21E14D

#2155E1

#E121B5

Square

A square color scheme uses four colors equidistant on the color wheel. This creates a vibrant, high-contrast palette with Urobilin as its foundation.

#E1AD21

#21E14D

#2155E1

#E121B5

#E1AD21

#21E14D

#2155E1

#E121B5

Urobilin Contrast Simulation

Text Color

#

Background Color

#

10.20

Excellent

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.

10.20

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Urobilin Color Variations

Shades

Shades are darker versions of Urobilin, made by adding black for increased depth and weight.

#E1AD21

#C1941C

#A17C18

#816313

#604A0E

#403109

#201905

#000000

#E1AD21

#C1941C

#A17C18

#816313

#604A0E

#403109

#201905

#000000

Tints

Tints are lighter expressions of Urobilin, made by adding white for a more subtle effect.

#E1AD21

#E5B941

#EAC460

#EED080

#F2DCA0

#F6E8C0

#FBF3DF

#FFFFFF

#E1AD21

#E5B941

#EAC460

#EED080

#F2DCA0

#F6E8C0

#FBF3DF

#FFFFFF

Tones

Tones of Urobilin are created by adding gray, which softens the color’s saturation.

#E1AD21

#D3A72F

#C5A03C

#B79A4A

#AA9357

#9C8D65

#8E8672

#808080

#E1AD21

#D3A72F

#C5A03C

#B79A4A

#AA9357

#9C8D65

#8E8672

#808080

Hues

Hues are variations of Urobilin, differing in intensity and temperature to create specific moods.

#E1AD21

#85E121

#21E14D

#21E1DD

#2155E1

#7D21E1

#E121B5

#E12125

#E1AD21

#85E121

#21E14D

#21E1DD

#2155E1

#7D21E1

#E121B5

#E12125

What Interfaces Use Colors Like Urobilin?

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