Safety Yellow

Meet Safety Yellow, #EED202. This isn't just any yellow; it's a high-voltage hue that practically vibrates off the screen. Its intense luminosity and pure, unapologetic brightness make it a powerful tool for grabbing attention and creating immediate focal points in any design composition.

What color is Safety Yellow?

What is the meaning of Safety Yellow?

How do I use Safety Yellow (#EED202) in UI design?

Using Safety Yellow color codes

Safety Yellow

#EED202

Access our full UI & UX library today.

What color is Safety Yellow?

What is the meaning of Safety Yellow?

How do I use Safety Yellow (#EED202) in UI design?

Using Safety Yellow color codes

Safety Yellow Code Conversions

HEX

#EED202

LAB

84, -7, 84

RGB

238, 210, 2

XYZ

58.3, 64.3, 9.4

HSL

53°, 98%, 47%

LCH

84, 84, 95°

HSB

53°, 99%, 93%

LUV

84, 26, 90

CMYK

0, 12, 99, 7

CMYK

0, 12, 99, 7

HWB

53°, 1%, 7%

Safety Yellow Color Harmonies

Analogous

Analogous colors are found side-by-side on the color wheel. With Safety Yellow, they form a unified and soothing color scheme, pleasing to the eye.

#EE5C02

#EED202

#94EE02

#EE5C02

#EED202

#94EE02

Complementary

Colors opposite Safety Yellow on the color wheel are its complement. This pairing produces a vibrant, high-contrast effect, making both colors pop.

#EED202

#021EEE

#EED202

#021EEE

Split Complementary

A split complementary scheme pairs Safety Yellow with the two colors neighboring its opposite on the color wheel, creating a high-contrast yet harmonious look.

#EED202

#0294EE

#5C02EE

#EED202

#0294EE

#5C02EE

Triadic

Triadic color schemes use three colors equally spaced on the color wheel, creating a vibrant and balanced palette when paired with Safety Yellow.

#EED202

#02EED2

#D202EE

#EED202

#02EED2

#D202EE

Tetradic

A tetradic scheme pairs Safety Yellow with three other colors, forming two complementary pairs in a rectangle on the color wheel.

#EED202

#02EE5C

#021EEE

#EE0294

#EED202

#02EE5C

#021EEE

#EE0294

Square

A square color scheme uses four colors evenly spaced on the color wheel, resulting in a vibrant, high-contrast palette built around Safety Yellow.

#EED202

#02EE5C

#021EEE

#EE0294

#EED202

#02EE5C

#021EEE

#EE0294

Safety Yellow Contrast Simulation

Text Color

#

Background Color

#

13.85

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.

13.85

Super

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Safety Yellow Color Variations

Shades

Adding black to Safety Yellow creates shades, which introduce a sense of depth and weight.

#EED202

#CCB402

#AA9601

#887801

#665A01

#443C01

#221E00

#000000

#EED202

#CCB402

#AA9601

#887801

#665A01

#443C01

#221E00

#000000

Tints

Tints of Safety Yellow are lighter versions made by adding white for a softer look.

#EED202

#F0D826

#F3DF4A

#F5E56E

#F8EC93

#FAF2B7

#FDF9DB

#FFFFFF

#EED202

#F0D826

#F3DF4A

#F5E56E

#F8EC93

#FAF2B7

#FDF9DB

#FFFFFF

Tones

Tones are softer, less saturated versions of Safety Yellow, made by mixing in gray.

#EED202

#DEC614

#CFBB26

#BFAF38

#AFA34A

#9F975C

#908C6E

#808080

#EED202

#DEC614

#CFBB26

#BFAF38

#AFA34A

#9F975C

#908C6E

#808080

Hues

Hues are variations of Safety Yellow, differing in intensity or temperature to create distinct moods.

#EED202

#59EE02

#02EE5C

#02CFEE

#021EEE

#9702EE

#EE0294

#EE2102

#EED202

#59EE02

#02EE5C

#02CFEE

#021EEE

#9702EE

#EE0294

#EE2102

What Interfaces Use Colors Like Safety 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