← Back to Editor

#43A00A · #8A6E0D · #854B0B · #762508 · #000700

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

#43A00A

Pine Green · ForestGreen · Forest Green

HEX
#43A00A
RGB
rgb(67, 160, 10)
HSL
hsl(97, 88%, 33%)
HSB
hsb(97, 94%, 63%)
CMYK
cmyk(58%, 0%, 94%, 37%)
Oklch
oklch(62.4% 0.189 137.9)

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

#8A6E0D

Ochre · Olive · Honey Gold

HEX
#8A6E0D
RGB
rgb(138, 110, 13)
HSL
hsl(47, 83%, 30%)
HSB
hsb(47, 91%, 54%)
CMYK
cmyk(0%, 20%, 91%, 46%)
Oklch
oklch(55.0% 0.109 90.3)

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

#854B0B

Ochre · Sienna · Amber Brown

HEX
#854B0B
RGB
rgb(133, 75, 11)
HSL
hsl(31, 85%, 28%)
HSB
hsb(31, 92%, 52%)
CMYK
cmyk(0%, 44%, 92%, 48%)
Oklch
oklch(47.2% 0.105 60.6)

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

#762508

Tangerine · Maroon · Cinnamon

HEX
#762508
RGB
rgb(118, 37, 8)
HSL
hsl(16, 87%, 25%)
HSB
hsb(16, 93%, 46%)
CMYK
cmyk(0%, 69%, 93%, 54%)
Oklch
oklch(38.6% 0.119 37.7)

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

#000700

Pine Green · Black · Dark Green

HEX
#000700
RGB
rgb(0, 7, 0)
HSL
hsl(120, 100%, 1%)
HSB
hsb(120, 100%, 3%)
CMYK
cmyk(100%, 0%, 100%, 97%)
Oklch
oklch(11.1% 0.038 142.5)

Traditional「Pine Green」· Paint「Dark Green」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

43A00A
650A9E

Analogous

8D9E0A
43A00A
0A9E1B

Triadic

43A00A
0A439E
9E0A43

Split-Comp.

43A00A
1B0A9E
9E0A8D

Tetradic

43A00A
0A8D9E
650A9E
9E1B0A

Contrast Matrix WCAG 2.1 Contrast

43A00A
8A6E0D
854B0B
762508
000700
—
1.5
Fail
2.1
Fail
3.1
AA Large
6.1
AA
1.5
Fail
—
1.4
Fail
2.1
Fail
4.2
AA Large
2.1
Fail
1.4
Fail
—
1.5
Fail
2.9
Fail
3.1
AA Large
2.1
Fail
1.5
Fail
—
2.0
Fail
6.1
AA
4.2
AA Large
2.9
Fail
2.0
Fail
—
White BG
3.3AA Large
4.9AA
7.0AA
10.3AAA
20.4AAA
Black BG
6.3AA
4.3AA Large
3.0AA Large
2.0Fail
1.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

6B6C2E
7E7E24
6C6B1A
53520F
030302

Deuteranopia

665F37
80822A
6F741E
585E11
030202

Tritanopia

484B51
89373B
822729
721516
000303

Achromatopsia

737373
6B6B6B
555555
3A3A3A
040404

Shades & Tints Shades & Tints

#43A00A

Dark
Light

#8A6E0D

Dark
Light

#854B0B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #43a00a;
  --color-2: #8a6e0d;
  --color-3: #854b0b;
  --color-4: #762508;
  --color-5: #000700;
}

SCSS

$color-1: #43a00a;
$color-2: #8a6e0d;
$color-3: #854b0b;
$color-4: #762508;
$color-5: #000700;

TAILWIND

colors: {
  'brand-1': '#43a00a',
  'brand-2': '#8a6e0d',
  'brand-3': '#854b0b',
  'brand-4': '#762508',
  'brand-5': '#000700',
}

RGB Array

[67, 160, 10], [138, 110, 13], [133, 75, 11], [118, 37, 8], [0, 7, 0]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #43A00A, #8A6E0D, #854B0B, #762508, #000700 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: #43a00a; --color-2: #8a6e0d; --color-3: #854b0b; --color-4: #762508; --color-5: #000700. 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