Explore

/

Colors

/

Meaning

/

Dark Tangerine

Dark Tangerine

Meet Dark Tangerine (#FFA812), a color that commands attention. Its rich, golden-orange hue radiates a confident energy, sitting at a compelling intersection of warmth and intensity. This vibrant shade offers a potent visual punch without being overwhelming, making it a fascinating choice for any design palette.

What color is Dark Tangerine?

What is the meaning of Dark Tangerine?

How do I use Dark Tangerine (#FFA812) in UI design?

Using Dark Tangerine color codes

Dark Tangerine

#FFA812

Access our full UI & UX library today.

Join for free

What color is Dark Tangerine?

What is the meaning of Dark Tangerine?

How do I use Dark Tangerine (#FFA812) in UI design?

Using Dark Tangerine color codes

Dark Tangerine Code Conversions

HEX

#FFA812

LAB

76, 23, 77

RGB

255, 168, 18

XYZ

55.4, 49.3, 7.2

HSL

38°, 100%, 54%

LCH

76, 80, 74°

HSB

38°, 93%, 100%

LUV

76, 72, 74

CMYK

0, 34, 93, 0

CMYK

0, 34, 93, 0

HWB

38°, 7%, 0%

Dark Tangerine Color Harmonies

Analogous

An analogous color scheme uses hues found next to Dark Tangerine on the color wheel, resulting in a visually cohesive and tranquil design.

#FF3112

#FFA812

#E0FF12

#FF3112

#FFA812

#E0FF12

Complementary

Complementary colors are opposites on the color wheel, creating a high-contrast pairing. With Dark Tangerine, this combination produces an especially vibrant visual effect.

#FFA812

#1269FF

#FFA812

#1269FF

Split Complementary

Split complementary colors offer a twist on the classic complementary pairing. For Dark Tangerine, this means using the two colors adjacent to its direct opposite.

#FFA812

#12DFFF

#3212FF

#FFA812

#12DFFF

#3212FF

Triadic

Triadic color schemes use three hues evenly spaced on the color wheel. With Dark Tangerine as the base, this creates a vibrant, high-contrast palette.

#FFA812

#12FFA8

#A812FF

#FFA812

#12FFA8

#A812FF

Tetradic

A tetradic color scheme uses four colors, including Dark Tangerine, arranged as two complementary pairs in a rectangle on the color wheel.

#FFA812

#12FF31

#1269FF

#FF12DF

#FFA812

#12FF31

#1269FF

#FF12DF

Square

A square color scheme uses four colors equidistant on the color wheel. Based on Dark Tangerine, this method produces a vibrant and balanced palette.

#FFA812

#12FF31

#1269FF

#FF12DF

#FFA812

#12FF31

#1269FF

#FF12DF

Dark Tangerine Contrast Simulation

Text Color

#

Background Color

#

10.86

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.86

Excellent

Small Text
Pass
Large Text
Pass
Graphic Components
Pass

Dark Tangerine Color Variations

Shades

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

#FFA812

#DB900F

#B6780D

#92600A

#6D4808

#493005

#241803

#000000

#FFA812

#DB900F

#B6780D

#92600A

#6D4808

#493005

#241803

#000000

Tints

Adding white to Dark Tangerine creates tints, which are lighter, softer variations of the color.

#FFA812

#FFB434

#FFC156

#FFCD78

#FFDA99

#FFE6BB

#FFF3DD

#FFFFFF

#FFA812

#FFB434

#FFC156

#FFCD78

#FFDA99

#FFE6BB

#FFF3DD

#FFFFFF

Tones

Tones are created by adding gray to Dark Tangerine, resulting in a softer, desaturated look.

#FFA812

#EDA222

#DB9D31

#C99741

#B69151

#A48B61

#928670

#808080

#FFA812

#EDA222

#DB9D31

#C99741

#B69151

#A48B61

#928670

#808080

Hues

Hues are variations of Dark Tangerine, differing in intensity or temperature to create different feelings.

#FFA812

#A4FF12

#12FF31

#12FFE3

#1269FF

#6D12FF

#FF12DF

#FF122E

#FFA812

#A4FF12

#12FF31

#12FFE3

#1269FF

#6D12FF

#FF12DF

#FF122E

What Interfaces Use Colors Like Dark Tangerine?

All Brands That Use Colors Like Dark Tangerine

Udemy

Udemy: The power of possibilities.

Udemy

Udemy: The power of possibilities.

Singapore Airlines

A global home of the Singapore Girl.

SideChef

SideChef. Tastes like home.

SideChef

SideChef. Tastes like home.

Mural

Intentional practices. Extraordinary work.

Mural

Intentional practices. Extraordinary work.

GitLab

Software. Faster.

GitLab

Software. Faster.

Crunchbase

Make Better Decisions, Faster

Crunchbase

Make Better Decisions, Faster

View all brand colors

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.

Join for free
See our 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.

Join for free
See our 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.

Join for free
See our plans

  • Coinbase

  • Wise

  • Headspace

  • Airbnb

  • Uber

  • Nike

  • Pinterest

  • ChatGPT

  • Shopify

  • Loom

  • Creme

  • Mailchimp

  • Twitch

  • Spotify

  • Apple TV

  • Shop

  • Cosmos

  • Retro

  • Notion

  • Dropbox