← Back to Editor

#A3A774 · #EBD9B5 · #46110B · #ACA789 · #F6D1BF

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A3A774

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#A3A774
RGB
rgb(163, 167, 116)
HSL
hsl(65, 22%, 55%)
HSB
hsb(65, 31%, 65%)
CMYK
cmyk(2%, 0%, 31%, 35%)
Oklch
oklch(71.2% 0.070 111.8)

Traditional「Autumn Sage」· Paint「Sunflower」· Creative Blush Sunrise

#EBD9B5

Goose Yellow · Wheat · Lemon Cream

HEX
#EBD9B5
RGB
rgb(235, 217, 181)
HSL
hsl(40, 57%, 82%)
HSB
hsb(40, 23%, 92%)
CMYK
cmyk(0%, 8%, 23%, 8%)
Oklch
oklch(89.1% 0.051 84.5)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#46110B

Vermilion · Maroon · Deep Berry

HEX
#46110B
RGB
rgb(70, 17, 11)
HSL
hsl(6, 73%, 16%)
HSB
hsb(6, 84%, 27%)
CMYK
cmyk(0%, 76%, 84%, 73%)
Oklch
oklch(26.8% 0.082 29.9)

Traditional「Vermilion」· Paint「Deep Berry」· Creative Blush Sunrise

#ACA789

Fresh Green · DarkGray · Sunflower

HEX
#ACA789
RGB
rgb(172, 167, 137)
HSL
hsl(51, 17%, 61%)
HSB
hsb(51, 20%, 67%)
CMYK
cmyk(0%, 3%, 20%, 33%)
Oklch
oklch(72.5% 0.042 99.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#F6D1BF

Apricot · Wheat · Peach Orange

HEX
#F6D1BF
RGB
rgb(246, 209, 191)
HSL
hsl(20, 75%, 86%)
HSB
hsb(20, 22%, 96%)
CMYK
cmyk(0%, 15%, 22%, 4%)
Oklch
oklch(88.7% 0.048 47.5)

Traditional「Apricot」· Paint「Peach Orange」· Creative Honey Glow

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A3A774
7773A5

Analogous

A59073
A3A774
88A573

Triadic

A3A774
73A1A5
A573A1

Split-Comp.

A3A774
7388A5
9073A5

Tetradic

A3A774
73A590
7773A5
A57388

Contrast Matrix WCAG 2.1 Contrast

A3A774
EBD9B5
46110B
ACA789
F6D1BF
—
1.8
Fail
6.2
AA
1.0
Fail
1.8
Fail
1.8
Fail
—
11.2
AAA
1.7
Fail
1.0
Fail
6.2
AA
11.2
AAA
—
6.4
AA
11.0
AAA
1.0
Fail
1.7
Fail
6.4
AA
—
1.7
Fail
1.8
Fail
1.0
Fail
11.0
AAA
1.7
Fail
—
White BG
2.5Fail
1.4Fail
15.6AAA
2.4Fail
1.4Fail
Black BG
8.3AAA
15.1AAA
1.3Fail
8.6AAA
14.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A5A580
E3E3BE
2F2F0C
AAAA90
E6E6C3

Deuteranopia

A5A483
E4E6C0
32360D
AAAB92
E8EBC4

Tritanopia

A38A8C
EAC5C6
430E0E
AC9697
F4C7C8

Achromatopsia

A0A0A0
DADADA
202020
A5A5A5
DADADA

Shades & Tints Shades & Tints

#A3A774

Dark
Light

#EBD9B5

Dark
Light

#46110B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a3a774;
  --color-2: #ebd9b5;
  --color-3: #46110b;
  --color-4: #aca789;
  --color-5: #f6d1bf;
}

SCSS

$color-1: #a3a774;
$color-2: #ebd9b5;
$color-3: #46110b;
$color-4: #aca789;
$color-5: #f6d1bf;

TAILWIND

colors: {
  'brand-1': '#a3a774',
  'brand-2': '#ebd9b5',
  'brand-3': '#46110b',
  'brand-4': '#aca789',
  'brand-5': '#f6d1bf',
}

RGB Array

[163, 167, 116], [235, 217, 181], [70, 17, 11], [172, 167, 137], [246, 209, 191]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A3A774, #EBD9B5, #46110B, #ACA789, #F6D1BF is ideal for: infographics, data visualization, accessible design. High contrast ensures clear visual hierarchy and readability. It is a balanced and harmonious choice among 5-color palettes.

How to use this palette in CSS or frontend projects?

Copy the CSS variables directly: --color-1: #a3a774; --color-2: #ebd9b5; --color-3: #46110b; --color-4: #aca789; --color-5: #f6d1bf. 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. High-contrast palettes naturally meet WCAG accessibility standards. 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 tech, SaaS, healthcare, eco industries. 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