← Back to Editor

#A19D4A · #AC9349 · #C78641 · #EB703B · #FE5C3D

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

#A19D4A

Autumn Sage · Gray · Honey Gold

HEX
#A19D4A
RGB
rgb(161, 157, 74)
HSL
hsl(57, 37%, 46%)
HSB
hsb(57, 54%, 63%)
CMYK
cmyk(0%, 2%, 54%, 37%)
Oklch
oklch(68.2% 0.106 106.4)

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

#AC9349

Ochre · GoldenRod · Honey Gold

HEX
#AC9349
RGB
rgb(172, 147, 73)
HSL
hsl(45, 40%, 48%)
HSB
hsb(45, 58%, 67%)
CMYK
cmyk(0%, 15%, 58%, 33%)
Oklch
oklch(67.0% 0.098 90.9)

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

#C78641

Ginger · Chocolate · Warm Sun

HEX
#C78641
RGB
rgb(199, 134, 65)
HSL
hsl(31, 54%, 52%)
HSB
hsb(31, 67%, 78%)
CMYK
cmyk(0%, 33%, 67%, 22%)
Oklch
oklch(67.3% 0.116 65.0)

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

#EB703B

Tangerine · Tomato · Warm Sun

HEX
#EB703B
RGB
rgb(235, 112, 59)
HSL
hsl(18, 81%, 58%)
HSB
hsb(18, 75%, 92%)
CMYK
cmyk(0%, 52%, 75%, 8%)
Oklch
oklch(68.3% 0.166 42.3)

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

#FE5C3D

Peach Pink · Tomato · Coral Red

HEX
#FE5C3D
RGB
rgb(254, 92, 61)
HSL
hsl(10, 99%, 62%)
HSB
hsb(10, 76%, 100%)
CMYK
cmyk(0%, 64%, 76%, 0%)
Oklch
oklch(68.5% 0.203 32.9)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A19D4A
4A4EA1

Analogous

A1714A
A19D4A
7AA14A

Triadic

A19D4A
4AA19C
9C4AA1

Split-Comp.

A19D4A
4A7AA1
714AA1

Tetradic

A19D4A
4AA171
4A4EA1
A14A7A

Contrast Matrix WCAG 2.1 Contrast

A19D4A
AC9349
C78641
EB703B
FE5C3D
—
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
1.1
Fail
—
1.0
Fail
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
—
1.0
Fail
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
—
1.0
Fail
1.1
Fail
1.0
Fail
1.0
Fail
1.0
Fail
—
White BG
2.8Fail
3.0Fail
3.0AA Large
3.0AA Large
3.1AA Large
Black BG
7.4AAA
7.0AAA
6.9AA
6.9AA
6.8AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

9F9F5E
A1A15B
ABAA52
B6B548
B8B645

Deuteranopia

A0A063
A3A55F
AFB356
BDC64B
C1CD46

Tritanopia

A16E71
AB696C
C45F62
E55254
F64A4C

Achromatopsia

959595
929292
929292
8F8F8F
898989

Shades & Tints Shades & Tints

#A19D4A

Dark
Light

#AC9349

Dark
Light

#C78641

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a19d4a;
  --color-2: #ac9349;
  --color-3: #c78641;
  --color-4: #eb703b;
  --color-5: #fe5c3d;
}

SCSS

$color-1: #a19d4a;
$color-2: #ac9349;
$color-3: #c78641;
$color-4: #eb703b;
$color-5: #fe5c3d;

TAILWIND

colors: {
  'brand-1': '#a19d4a',
  'brand-2': '#ac9349',
  'brand-3': '#c78641',
  'brand-4': '#eb703b',
  'brand-5': '#fe5c3d',
}

RGB Array

[161, 157, 74], [172, 147, 73], [199, 134, 65], [235, 112, 59], [254, 92, 61]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A19D4A, #AC9349, #C78641, #EB703B, #FE5C3D 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: #a19d4a; --color-2: #ac9349; --color-3: #c78641; --color-4: #eb703b; --color-5: #fe5c3d. 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