← Back to Editor

#6C8F2B · #526135 · #8C8332 · #C4C374 · #D4D3A7

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

#6C8F2B

Grass Green · DarkOliveGreen · Forest Green

HEX
#6C8F2B
RGB
rgb(108, 143, 43)
HSL
hsl(81, 54%, 36%)
HSB
hsb(81, 70%, 56%)
CMYK
cmyk(24%, 0%, 70%, 44%)
Oklch
oklch(60.3% 0.133 126.8)

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

#526135

Grass Green · DarkOliveGreen · Forest Green

HEX
#526135
RGB
rgb(82, 97, 53)
HSL
hsl(80, 29%, 29%)
HSB
hsb(80, 45%, 38%)
CMYK
cmyk(15%, 0%, 45%, 62%)
Oklch
oklch(46.8% 0.068 124.4)

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

#8C8332

Autumn Sage · Olive · Honey Gold

HEX
#8C8332
RGB
rgb(140, 131, 50)
HSL
hsl(54, 47%, 37%)
HSB
hsb(54, 64%, 55%)
CMYK
cmyk(0%, 6%, 64%, 45%)
Oklch
oklch(60.2% 0.102 103.0)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#C4C374

Fresh Green · Tan · Sunflower

HEX
#C4C374
RGB
rgb(196, 195, 116)
HSL
hsl(59, 40%, 61%)
HSB
hsb(59, 41%, 77%)
CMYK
cmyk(0%, 1%, 41%, 23%)
Oklch
oklch(80.0% 0.101 107.9)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

#D4D3A7

Fresh Green · Wheat · Sunflower

HEX
#D4D3A7
RGB
rgb(212, 211, 167)
HSL
hsl(59, 34%, 74%)
HSB
hsb(59, 21%, 83%)
CMYK
cmyk(0%, 0%, 21%, 17%)
Oklch
oklch(85.7% 0.058 106.5)

Traditional「Fresh Green」· Paint「Sunflower」· Creative Lemon Fizz

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

6C8F2B
4D2A8D

Analogous

8D7F2A
6C8F2B
398D2A

Triadic

6C8F2B
2A6B8D
8D2A6B

Split-Comp.

6C8F2B
2A398D
7F2A8D

Tetradic

6C8F2B
2A8D7F
4D2A8D
8D2A39

Contrast Matrix WCAG 2.1 Contrast

6C8F2B
526135
8C8332
C4C374
D4D3A7
—
1.8
Fail
1.0
Fail
2.0
Fail
2.4
Fail
1.8
Fail
—
1.7
Fail
3.7
AA Large
4.4
AA Large
1.0
Fail
1.7
Fail
—
2.1
Fail
2.5
Fail
2.0
Fail
3.7
AA Large
2.1
Fail
—
1.2
Fail
2.4
Fail
4.4
AA Large
2.5
Fail
1.2
Fail
—
White BG
3.7AA Large
6.7AA
3.9AA Large
1.8Fail
1.5Fail
Black BG
5.6AA
3.1AA Large
5.4AA
11.4AAA
13.7AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

7B7B43
585940
888846
C4C487
D4D4B2

Deuteranopia

797749
585742
89894A
C4C48C
D4D4B4

Tritanopia

6E565B
53484A
8C5558
C4969A
D4BABC

Achromatopsia

797979
575757
7C7C7C
BABABA
CECECE

Shades & Tints Shades & Tints

#6C8F2B

Dark
Light

#526135

Dark
Light

#8C8332

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #6c8f2b;
  --color-2: #526135;
  --color-3: #8c8332;
  --color-4: #c4c374;
  --color-5: #d4d3a7;
}

SCSS

$color-1: #6c8f2b;
$color-2: #526135;
$color-3: #8c8332;
$color-4: #c4c374;
$color-5: #d4d3a7;

TAILWIND

colors: {
  'brand-1': '#6c8f2b',
  'brand-2': '#526135',
  'brand-3': '#8c8332',
  'brand-4': '#c4c374',
  'brand-5': '#d4d3a7',
}

RGB Array

[108, 143, 43], [82, 97, 53], [140, 131, 50], [196, 195, 116], [212, 211, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #6C8F2B, #526135, #8C8332, #C4C374, #D4D3A7 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: #6c8f2b; --color-2: #526135; --color-3: #8c8332; --color-4: #c4c374; --color-5: #d4d3a7. 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