← Back to Editor

#8C6730 · #DAA86D · #AC2D0A · #990505 · #775F45

earth

A 5-color earth 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

#8C6730

Ochre · Sienna · Amber Brown

HEX
#8C6730
RGB
rgb(140, 103, 48)
HSL
hsl(36, 49%, 37%)
HSB
hsb(36, 66%, 55%)
CMYK
cmyk(0%, 26%, 66%, 45%)
Oklch
oklch(54.0% 0.086 74.9)

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

#DAA86D

Ginger · DarkSalmon · Warm Sun

HEX
#DAA86D
RGB
rgb(218, 168, 109)
HSL
hsl(32, 60%, 64%)
HSB
hsb(32, 50%, 85%)
CMYK
cmyk(0%, 23%, 50%, 15%)
Oklch
oklch(76.5% 0.096 70.2)

Traditional「Ginger」· Paint「Warm Sun」· Creative Honey Glow

#AC2D0A

Vermilion · FireBrick · Wine Red

HEX
#AC2D0A
RGB
rgb(172, 45, 10)
HSL
hsl(13, 89%, 36%)
HSB
hsb(13, 94%, 67%)
CMYK
cmyk(0%, 74%, 94%, 33%)
Oklch
oklch(49.3% 0.169 34.5)

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

#990505

Vermilion · DarkRed · Wine Red

HEX
#990505
RGB
rgb(153, 5, 5)
HSL
hsl(0, 94%, 31%)
HSB
hsb(0, 97%, 60%)
CMYK
cmyk(0%, 97%, 97%, 40%)
Oklch
oklch(43.1% 0.174 28.9)

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

#775F45

Ochre · DimGray · Amber Brown

HEX
#775F45
RGB
rgb(119, 95, 69)
HSL
hsl(31, 27%, 37%)
HSB
hsb(31, 42%, 47%)
CMYK
cmyk(0%, 20%, 42%, 53%)
Oklch
oklch(50.3% 0.050 68.6)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8C6730
30558D

Analogous

8D3930
8C6730
838D30

Triadic

8C6730
308D68
68308D

Split-Comp.

8C6730
30838D
39308D

Tetradic

8C6730
308D39
30558D
8D3083

Contrast Matrix WCAG 2.1 Contrast

8C6730
DAA86D
AC2D0A
990505
775F45
—
2.4
Fail
1.3
Fail
1.7
Fail
1.2
Fail
2.4
Fail
—
3.1
AA Large
4.1
AA Large
2.8
Fail
1.3
Fail
3.1
AA Large
—
1.3
Fail
1.1
Fail
1.7
Fail
4.1
AA Large
1.3
Fail
—
1.5
Fail
1.2
Fail
2.8
Fail
1.1
Fail
1.5
Fail
—
White BG
5.1AA
2.1Fail
6.7AA
8.8AAA
6.0AA
Black BG
4.1AA Large
9.8AAA
3.1AA Large
2.4Fail
3.5AA Large

Color Blindness Simulation Color Blindness Simulation

Protanopia

7C7C3D
C4C47B
757412
595805
6D6C4B

Deuteranopia

7E8141
C7CB7F
7C8615
626D05
6E704D

Tritanopia

8A484A
D88789
A6191B
920505
765051

Achromatopsia

6C6C6C
B0B0B0
4F4F4F
313131
636363

Shades & Tints Shades & Tints

#8C6730

Dark
Light

#DAA86D

Dark
Light

#AC2D0A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8c6730;
  --color-2: #daa86d;
  --color-3: #ac2d0a;
  --color-4: #990505;
  --color-5: #775f45;
}

SCSS

$color-1: #8c6730;
$color-2: #daa86d;
$color-3: #ac2d0a;
$color-4: #990505;
$color-5: #775f45;

TAILWIND

colors: {
  'brand-1': '#8c6730',
  'brand-2': '#daa86d',
  'brand-3': '#ac2d0a',
  'brand-4': '#990505',
  'brand-5': '#775f45',
}

RGB Array

[140, 103, 48], [218, 168, 109], [172, 45, 10], [153, 5, 5], [119, 95, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This earth-style palette of #8C6730, #DAA86D, #AC2D0A, #990505, #775F45 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #8c6730; --color-2: #daa86d; --color-3: #ac2d0a; --color-4: #990505; --color-5: #775f45. 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 earth-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