← Back to Editor

#A39C89 · #8E7C58 · #834D1F · #411306 · #909F80

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

#A39C89

Ginger · DarkGray · Sunflower

HEX
#A39C89
RGB
rgb(163, 156, 137)
HSL
hsl(44, 12%, 59%)
HSB
hsb(44, 16%, 64%)
CMYK
cmyk(0%, 4%, 16%, 36%)
Oklch
oklch(69.3% 0.028 90.2)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

#8E7C58

Ochre · Gray · Honey Gold

HEX
#8E7C58
RGB
rgb(142, 124, 88)
HSL
hsl(40, 23%, 45%)
HSB
hsb(40, 38%, 56%)
CMYK
cmyk(0%, 13%, 38%, 44%)
Oklch
oklch(59.4% 0.056 84.2)

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

#834D1F

Tangerine · Sienna · Amber Brown

HEX
#834D1F
RGB
rgb(131, 77, 31)
HSL
hsl(28, 62%, 32%)
HSB
hsb(28, 76%, 51%)
CMYK
cmyk(0%, 41%, 76%, 49%)
Oklch
oklch(47.5% 0.094 57.7)

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

#411306

Vermilion · Maroon · Deep Berry

HEX
#411306
RGB
rgb(65, 19, 6)
HSL
hsl(13, 83%, 14%)
HSB
hsb(13, 91%, 25%)
CMYK
cmyk(0%, 71%, 91%, 75%)
Oklch
oklch(26.0% 0.075 36.6)

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

#909F80

Grass Green · DarkSeaGreen · Olive Green

HEX
#909F80
RGB
rgb(144, 159, 128)
HSL
hsl(89, 14%, 56%)
HSB
hsb(89, 19%, 62%)
CMYK
cmyk(9%, 0%, 19%, 38%)
Oklch
oklch(68.2% 0.047 128.7)

Traditional「Grass Green」· Paint「Olive Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A39C89
8A91A3

Analogous

A3908A
A39C89
9DA38A

Triadic

A39C89
8AA39C
9C8AA3

Split-Comp.

A39C89
8A9DA3
908AA3

Tetradic

A39C89
8AA390
8A91A3
A38A9D

Contrast Matrix WCAG 2.1 Contrast

A39C89
8E7C58
834D1F
411306
909F80
—
1.5
Fail
2.5
Fail
5.8
AA
1.0
Fail
1.5
Fail
—
1.7
Fail
3.9
AA Large
1.4
Fail
2.5
Fail
1.7
Fail
—
2.3
Fail
2.4
Fail
5.8
AA
3.9
AA Large
2.3
Fail
—
5.6
AA
1.0
Fail
1.4
Fail
2.4
Fail
5.6
AA
—
White BG
2.7Fail
4.1AA Large
6.9AA
15.9AAA
2.8Fail
Black BG
7.7AAA
5.2AA
3.0AA Large
1.3Fail
7.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

A0A08E
868661
6C6B2A
2D2D09
969788

Deuteranopia

A0A18F
878963
6F732D
30330A
969589

Tritanopia

A39192
8D6869
803335
3F0C0C
918D8F

Achromatopsia

9C9C9C
7D7D7D
585858
1F1F1F
979797

Shades & Tints Shades & Tints

#A39C89

Dark
Light

#8E7C58

Dark
Light

#834D1F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a39c89;
  --color-2: #8e7c58;
  --color-3: #834d1f;
  --color-4: #411306;
  --color-5: #909f80;
}

SCSS

$color-1: #a39c89;
$color-2: #8e7c58;
$color-3: #834d1f;
$color-4: #411306;
$color-5: #909f80;

TAILWIND

colors: {
  'brand-1': '#a39c89',
  'brand-2': '#8e7c58',
  'brand-3': '#834d1f',
  'brand-4': '#411306',
  'brand-5': '#909f80',
}

RGB Array

[163, 156, 137], [142, 124, 88], [131, 77, 31], [65, 19, 6], [144, 159, 128]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A39C89, #8E7C58, #834D1F, #411306, #909F80 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: #a39c89; --color-2: #8e7c58; --color-3: #834d1f; --color-4: #411306; --color-5: #909f80. 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