#A29E47 + #96712B + #813A10 + #19110F + #A1454A - Color Palette

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatileWarm

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent Library

Color Details Color Details

#A29E47

Autumn Sage · DarkGoldenRod · Honey Gold

HEX

#A29E47

RGB

rgb(162, 158, 71)

HSL

hsl(57, 39%, 46%)

HSB

hsb(57, 56%, 64%)

CMYK

cmyk(0%, 2%, 56%, 36%)

Oklch

oklch(68.5% 0.110 106.5)

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

#96712B

Ochre · Sienna · Amber Brown

HEX

#96712B

RGB

rgb(150, 113, 43)

HSL

hsl(39, 55%, 38%)

HSB

hsb(39, 71%, 59%)

CMYK

cmyk(0%, 25%, 71%, 41%)

Oklch

oklch(57.2% 0.098 80.3)

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

#813A10

Tangerine · Brown · Amber Brown

HEX

#813A10

RGB

rgb(129, 58, 16)

HSL

hsl(22, 78%, 28%)

HSB

hsb(22, 88%, 51%)

CMYK

cmyk(0%, 55%, 88%, 49%)

Oklch

oklch(43.7% 0.111 46.6)

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

#19110F

Crimson · Black · Deep Berry

HEX

#19110F

RGB

rgb(25, 17, 15)

HSL

hsl(12, 25%, 8%)

HSB

hsb(12, 40%, 10%)

CMYK

cmyk(0%, 32%, 40%, 90%)

Oklch

oklch(18.7% 0.014 34.4)

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

#A1454A

Crimson · Sienna · Passion Red

HEX

#A1454A

RGB

rgb(161, 69, 74)

HSL

hsl(357, 40%, 45%)

HSB

hsb(357, 57%, 63%)

CMYK

cmyk(0%, 57%, 54%, 37%)

Oklch

oklch(51.3% 0.122 19.2)

Traditional「Crimson」· Paint「Passion Red」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A29E47

484CA3

Analogous

A37148

A29E47

7AA348

Triadic

A29E47

48A39E

9E48A3

Split-Comp.

A29E47

487AA3

7148A3

Tetradic

A29E47

48A371

484CA3

A3487A

Contrast Matrix WCAG 2.1 Contrast

A29E47	96712B	813A10	19110F	A1454A
—	1.6 Fail	3.0 Fail	6.7 AA	2.2 Fail
1.6 Fail	—	1.8 Fail	4.2 AA Large	1.4 Fail
3.0 Fail	1.8 Fail	—	2.3 Fail	1.4 Fail
6.7 AA	4.2 AA Large	2.3 Fail	—	3.1 AA Large
2.2 Fail	1.4 Fail	1.4 Fail	3.1 AA Large	—

White BG

2.8Fail

4.5AA Large

8.2AAA

18.6AAA

6.1AA

Black BG

7.5AAA

4.7AA

2.5Fail

1.1Fail

3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A05C

86863C

62621A

16150F

797849

Deuteranopia

A1A161

888B40

666C1D

161710

7F8549

Tritanopia

A26D70

94494C

7D2224

191010

9C4848

Achromatopsia

959595

747474

4A4A4A

131313

616161

Shades & Tints Shades & Tints

#A29E47

Dark

Light

#96712B

Dark

Light

#813A10

Dark

Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a29e47;
  --color-2: #96712b;
  --color-3: #813a10;
  --color-4: #19110f;
  --color-5: #a1454a;
}

SCSS

$color-1: #a29e47;
$color-2: #96712b;
$color-3: #813a10;
$color-4: #19110f;
$color-5: #a1454a;

TAILWIND

colors: {
  'brand-1': '#a29e47',
  'brand-2': '#96712b',
  'brand-3': '#813a10',
  'brand-4': '#19110f',
  'brand-5': '#a1454a',
}

RGB Array

[162, 158, 71], [150, 113, 43], [129, 58, 16], [25, 17, 15], [161, 69, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A29E47, #96712B, #813A10, #19110F, #A1454A is ideal for: tech websites, dark mode UIs, game UIs. 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: #a29e47; --color-2: #96712b; --color-3: #813a10; --color-4: #19110f; --color-5: #a1454a. 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?

Dark tones work well as backgrounds; pair with light text for readability. Use the brightest color for CTA buttons and interactive elements. 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