← Back to Editor

#71784F · #AA661D · #E86C14 · #DC3F16 · #6C3413

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

#71784F

Grass Green · DimGray · Forest Green

HEX
#71784F
RGB
rgb(113, 120, 79)
HSL
hsl(70, 21%, 39%)
HSB
hsb(70, 34%, 47%)
CMYK
cmyk(6%, 0%, 34%, 53%)
Oklch
oklch(55.6% 0.060 116.3)

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

#AA661D

Ochre · Sienna · Amber Brown

HEX
#AA661D
RGB
rgb(170, 102, 29)
HSL
hsl(31, 71%, 39%)
HSB
hsb(31, 83%, 67%)
CMYK
cmyk(0%, 40%, 83%, 33%)
Oklch
oklch(57.4% 0.120 62.0)

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

#E86C14

Tangerine · Chocolate · Amber Brown

HEX
#E86C14
RGB
rgb(232, 108, 20)
HSL
hsl(25, 84%, 49%)
HSB
hsb(25, 91%, 91%)
CMYK
cmyk(0%, 53%, 91%, 9%)
Oklch
oklch(67.0% 0.176 48.1)

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

#DC3F16

Vermilion · OrangeRed · Passion Red

HEX
#DC3F16
RGB
rgb(220, 63, 22)
HSL
hsl(12, 82%, 47%)
HSB
hsb(12, 90%, 86%)
CMYK
cmyk(0%, 71%, 90%, 14%)
Oklch
oklch(59.6% 0.200 34.5)

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

#6C3413

Tangerine · Maroon · Cinnamon

HEX
#6C3413
RGB
rgb(108, 52, 19)
HSL
hsl(22, 70%, 25%)
HSB
hsb(22, 82%, 42%)
CMYK
cmyk(0%, 52%, 82%, 58%)
Oklch
oklch(39.3% 0.091 47.9)

Traditional「Tangerine」· Paint「Cinnamon」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

71784F
564F78

Analogous

786A4F
71784F
5C784F

Triadic

71784F
4F7178
784F71

Split-Comp.

71784F
4F5C78
6A4F78

Tetradic

71784F
4F786A
564F78
784F5C

Contrast Matrix WCAG 2.1 Contrast

71784F
AA661D
E86C14
DC3F16
6C3413
—
1.0
Fail
1.5
Fail
1.1
Fail
2.1
Fail
1.0
Fail
—
1.4
Fail
1.0
Fail
2.2
Fail
1.5
Fail
1.4
Fail
—
1.4
Fail
3.1
AA Large
1.1
Fail
1.0
Fail
1.4
Fail
—
2.2
Fail
2.1
Fail
2.2
Fail
3.1
AA Large
2.2
Fail
—
White BG
4.7AA
4.5AA
3.2AA Large
4.4AA Large
9.8AAA
Black BG
4.5AA
4.6AA
6.6AA
4.8AA
2.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

747459
8D8C2F
B2B129
989720
54531B

Deuteranopia

74735B
919633
BAC32E
A1AD22
575B1D

Tritanopia

716162
A73D40
E23A3E
D42829
692123

Achromatopsia

717171
727272
878787
696969
414141

Shades & Tints Shades & Tints

#71784F

Dark
Light

#AA661D

Dark
Light

#E86C14

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #71784f;
  --color-2: #aa661d;
  --color-3: #e86c14;
  --color-4: #dc3f16;
  --color-5: #6c3413;
}

SCSS

$color-1: #71784f;
$color-2: #aa661d;
$color-3: #e86c14;
$color-4: #dc3f16;
$color-5: #6c3413;

TAILWIND

colors: {
  'brand-1': '#71784f',
  'brand-2': '#aa661d',
  'brand-3': '#e86c14',
  'brand-4': '#dc3f16',
  'brand-5': '#6c3413',
}

RGB Array

[113, 120, 79], [170, 102, 29], [232, 108, 20], [220, 63, 22], [108, 52, 19]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #71784F, #AA661D, #E86C14, #DC3F16, #6C3413 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #71784f; --color-2: #aa661d; --color-3: #e86c14; --color-4: #dc3f16; --color-5: #6c3413. 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 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