← Back to Editor

#ABA81D · #AB9222 · #D4700D · #F7560E · #705643

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarm

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#ABA81D

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#ABA81D
RGB
rgb(171, 168, 29)
HSL
hsl(59, 71%, 39%)
HSB
hsb(59, 83%, 67%)
CMYK
cmyk(0%, 2%, 83%, 33%)
Oklch
oklch(71.2% 0.146 108.3)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#AB9222

Ochre · DarkGoldenRod · Honey Gold

HEX
#AB9222
RGB
rgb(171, 146, 34)
HSL
hsl(49, 67%, 40%)
HSB
hsb(49, 80%, 67%)
CMYK
cmyk(0%, 15%, 80%, 33%)
Oklch
oklch(66.4% 0.126 95.6)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#D4700D

Ochre · Chocolate · Amber Brown

HEX
#D4700D
RGB
rgb(212, 112, 13)
HSL
hsl(30, 88%, 44%)
HSB
hsb(30, 94%, 83%)
CMYK
cmyk(0%, 47%, 94%, 17%)
Oklch
oklch(64.8% 0.156 55.5)

Traditional「Ochre」· Paint「Amber Brown」· Creative Blush Sunrise

#F7560E

Tangerine · OrangeRed · Warm Sun

HEX
#F7560E
RGB
rgb(247, 86, 14)
HSL
hsl(19, 94%, 51%)
HSB
hsb(19, 94%, 97%)
CMYK
cmyk(0%, 65%, 94%, 3%)
Oklch
oklch(66.4% 0.208 39.0)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#705643

Tangerine · DarkOliveGreen · Amber Brown

HEX
#705643
RGB
rgb(112, 86, 67)
HSL
hsl(25, 25%, 35%)
HSB
hsb(25, 40%, 44%)
CMYK
cmyk(0%, 23%, 40%, 56%)
Oklch
oklch(47.5% 0.045 57.5)

Traditional「Tangerine」· Paint「Amber Brown」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

ABA81D
1D1FAA

Analogous

AA611D
ABA81D
66AA1D

Triadic

ABA81D
1DAAA8
A81DAA

Split-Comp.

ABA81D
1D66AA
611DAA

Tetradic

ABA81D
1DAA61
1D1FAA
AA1D66

Contrast Matrix WCAG 2.1 Contrast

ABA81D
AB9222
D4700D
F7560E
705643
—
1.2
Fail
1.4
Fail
1.3
Fail
2.7
Fail
1.2
Fail
—
1.1
Fail
1.1
Fail
2.2
Fail
1.4
Fail
1.1
Fail
—
1.0
Fail
2.0
Fail
1.3
Fail
1.1
Fail
1.0
Fail
—
2.0
Fail
2.7
Fail
2.2
Fail
2.0
Fail
2.0
Fail
—
White BG
2.5Fail
3.1AA Large
3.4AA Large
3.3AA Large
6.8AA
Black BG
8.4AAA
6.9AA
6.1AA
6.3AA
3.1AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

AAAA3F
A0A03D
A9A825
B1B01F
656548

Deuteranopia

AAAA47
A2A444
AFB62B
BBC724
666849

Tritanopia

AB595F
AA5257
CF383C
EF2D30
6F4B4C

Achromatopsia

999999
8D8D8D
838383
7E7E7E
5C5C5C

Shades & Tints Shades & Tints

#ABA81D

Dark
Light

#AB9222

Dark
Light

#D4700D

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aba81d;
  --color-2: #ab9222;
  --color-3: #d4700d;
  --color-4: #f7560e;
  --color-5: #705643;
}

SCSS

$color-1: #aba81d;
$color-2: #ab9222;
$color-3: #d4700d;
$color-4: #f7560e;
$color-5: #705643;

TAILWIND

colors: {
  'brand-1': '#aba81d',
  'brand-2': '#ab9222',
  'brand-3': '#d4700d',
  'brand-4': '#f7560e',
  'brand-5': '#705643',
}

RGB Array

[171, 168, 29], [171, 146, 34], [212, 112, 13], [247, 86, 14], [112, 86, 67]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #ABA81D, #AB9222, #D4700D, #F7560E, #705643 is ideal for: social media posters, mobile apps, e-commerce promos. Vivid colors effectively attract user attention. It is a vibrant and energetic choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #aba81d; --color-2: #ab9222; --color-3: #d4700d; --color-4: #f7560e; --color-5: #705643. LangColor editor supports one-click export to CSS, SCSS, Tailwind, JSON and more. Click the "Export" button to choose your format.

What UI/UX design tips apply to this palette?

Medium-brightness colors suit brand primary and accent colors. Use the darkest for text, lightest for backgrounds, and mid-tones for emphasis. Use the "Contrast Matrix" tool in LangColor editor to check WCAG accessibility levels for every color pair.

Which industries or brands suit this palette?

This general-style 5-color scheme is especially suited for food & dining, entertainment, kids education, social industries. Bold colors convey vitality and innovation. Click "AI Analysis" in the editor for more detailed brand color suggestions.

🎨 Open this palette in Editor →

Generated by LangColor online color tool · Breaking the barrier between language and color