← Back to Editor

#B6592E · #71493E · #A28E45 · #ABAC70 · #879483

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 Library

Color Details Color Details

#B6592E

Tangerine · Sienna · Amber Brown

HEX
#B6592E
RGB
rgb(182, 89, 46)
HSL
hsl(19, 60%, 45%)
HSB
hsb(19, 75%, 71%)
CMYK
cmyk(0%, 51%, 75%, 29%)
Oklch
oklch(57.0% 0.133 43.7)

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

#71493E

Crimson · DarkOliveGreen · Wine Red

HEX
#71493E
RGB
rgb(113, 73, 62)
HSL
hsl(13, 29%, 34%)
HSB
hsb(13, 45%, 44%)
CMYK
cmyk(0%, 35%, 45%, 56%)
Oklch
oklch(44.8% 0.058 36.1)

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

#A28E45

Ochre · DarkGoldenRod · Honey Gold

HEX
#A28E45
RGB
rgb(162, 142, 69)
HSL
hsl(47, 40%, 45%)
HSB
hsb(47, 57%, 64%)
CMYK
cmyk(0%, 12%, 57%, 36%)
Oklch
oklch(64.9% 0.096 94.2)

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

#ABAC70

Autumn Sage · DarkSeaGreen · Sunflower

HEX
#ABAC70
RGB
rgb(171, 172, 112)
HSL
hsl(61, 27%, 56%)
HSB
hsb(61, 35%, 67%)
CMYK
cmyk(1%, 0%, 35%, 33%)
Oklch
oklch(72.9% 0.080 109.1)

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

#879483

Ash · Gray · Warm Gray

HEX
#879483
RGB
rgb(135, 148, 131)
HSL
hsl(106, 7%, 55%)
HSB
hsb(106, 11%, 58%)
CMYK
cmyk(9%, 0%, 11%, 42%)
Oklch
oklch(65.1% 0.029 138.3)

Traditional「Ash」· Paint「Warm Gray」· Creative Urban Concrete

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

B6592E
2E8CB8

Analogous

B82E47
B6592E
B89E2E

Triadic

B6592E
2EB85A
5A2EB8

Split-Comp.

B6592E
2EB89E
2E47B8

Tetradic

B6592E
47B82E
2E8CB8
9E2EB8

Contrast Matrix WCAG 2.1 Contrast

B6592E
71493E
A28E45
ABAC70
879483
—
1.6
Fail
1.5
Fail
2.0
Fail
1.5
Fail
1.6
Fail
—
2.4
Fail
3.3
AA Large
2.4
Fail
1.5
Fail
2.4
Fail
—
1.4
Fail
1.0
Fail
2.0
Fail
3.3
AA Large
1.4
Fail
—
1.3
Fail
1.5
Fail
2.4
Fail
1.0
Fail
1.3
Fail
—
White BG
4.7AA
7.7AAA
3.2AA Large
2.4Fail
3.2AA Large
Black BG
4.5AA Large
2.7Fail
6.5AA
8.9AAA
6.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8E8D38
605F41
999957
ABAB7F
8D8D87

Deuteranopia

939A3B
626541
9B9C5B
ABAB82
8C8B88

Tritanopia

B14142
6F4343
A16568
AB8A8D
888A8B

Achromatopsia

707070
545454
8C8C8C
A5A5A5
8E8E8E

Shades & Tints Shades & Tints

#B6592E

Dark
Light

#71493E

Dark
Light

#A28E45

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #b6592e;
  --color-2: #71493e;
  --color-3: #a28e45;
  --color-4: #abac70;
  --color-5: #879483;
}

SCSS

$color-1: #b6592e;
$color-2: #71493e;
$color-3: #a28e45;
$color-4: #abac70;
$color-5: #879483;

TAILWIND

colors: {
  'brand-1': '#b6592e',
  'brand-2': '#71493e',
  'brand-3': '#a28e45',
  'brand-4': '#abac70',
  'brand-5': '#879483',
}

RGB Array

[182, 89, 46], [113, 73, 62], [162, 142, 69], [171, 172, 112], [135, 148, 131]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #B6592E, #71493E, #A28E45, #ABAC70, #879483 is ideal for: corporate websites, product showcases, portfolios. 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: #b6592e; --color-2: #71493e; --color-3: #a28e45; --color-4: #abac70; --color-5: #879483. 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 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