← Back to Editor

#A0C17A · #71904D · #5B783A · #4A6927 · #2B470A

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

HarmoniousVersatile

Industry INDUSTRY

E-commerceBusiness

UI Context UI CONTEXT

Web PageComponent LibraryData Visualization

Color Details Color Details

#A0C17A

Willow Green · DarkSeaGreen · Apple Green

HEX
#A0C17A
RGB
rgb(160, 193, 122)
HSL
hsl(88, 36%, 62%)
HSB
hsb(88, 37%, 76%)
CMYK
cmyk(17%, 0%, 37%, 24%)
Oklch
oklch(76.9% 0.102 128.8)

Traditional「Willow Green」· Paint「Apple Green」· Creative Mint Breeze

#71904D

Grass Green · DimGray · Olive Green

HEX
#71904D
RGB
rgb(113, 144, 77)
HSL
hsl(88, 30%, 43%)
HSB
hsb(88, 47%, 56%)
CMYK
cmyk(22%, 0%, 47%, 44%)
Oklch
oklch(61.3% 0.100 129.3)

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

#5B783A

Grass Green · DarkOliveGreen · Forest Green

HEX
#5B783A
RGB
rgb(91, 120, 58)
HSL
hsl(88, 35%, 35%)
HSB
hsb(88, 52%, 47%)
CMYK
cmyk(24%, 0%, 52%, 53%)
Oklch
oklch(53.5% 0.095 129.8)

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

#4A6927

Grass Green · DarkOliveGreen · Forest Green

HEX
#4A6927
RGB
rgb(74, 105, 39)
HSL
hsl(88, 46%, 28%)
HSB
hsb(88, 63%, 41%)
CMYK
cmyk(30%, 0%, 63%, 59%)
Oklch
oklch(48.1% 0.100 130.5)

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

#2B470A

Grass Green · DarkGreen · Dark Green

HEX
#2B470A
RGB
rgb(43, 71, 10)
HSL
hsl(88, 75%, 16%)
HSB
hsb(88, 86%, 28%)
CMYK
cmyk(39%, 0%, 86%, 72%)
Oklch
oklch(36.2% 0.092 131.7)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A0C17A
9C7BC1

Analogous

C1BF7B
A0C17A
7EC17B

Triadic

A0C17A
7BA0C1
C17BA0

Split-Comp.

A0C17A
7B7EC1
BF7BC1

Tetradic

A0C17A
7BC1BF
9C7BC1
C17B7E

Contrast Matrix WCAG 2.1 Contrast

A0C17A
71904D
5B783A
4A6927
2B470A
—
1.8
Fail
2.5
Fail
3.1
AA Large
5.2
AA
1.8
Fail
—
1.4
Fail
1.7
Fail
2.9
Fail
2.5
Fail
1.4
Fail
—
1.3
Fail
2.1
Fail
3.1
AA Large
1.7
Fail
1.3
Fail
—
1.7
Fail
5.2
AA
2.9
Fail
2.1
Fail
1.7
Fail
—
White BG
2.0Fail
3.6AA Large
5.0AA
6.3AA
10.5AAA
Black BG
10.4AAA
5.8AA
4.2AA Large
3.3AA Large
2.0Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

AEAF8B
7E7F5D
686849
575837
373719

Deuteranopia

ACAA8F
7D7A61
66644D
56533B
36331C

Tritanopia

A2999C
736A6D
5C5557
4C4446
2C2427

Achromatopsia

AFAFAF
7F7F7F
686868
585858
383838

Shades & Tints Shades & Tints

#A0C17A

Dark
Light

#71904D

Dark
Light

#5B783A

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a0c17a;
  --color-2: #71904d;
  --color-3: #5b783a;
  --color-4: #4a6927;
  --color-5: #2b470a;
}

SCSS

$color-1: #a0c17a;
$color-2: #71904d;
$color-3: #5b783a;
$color-4: #4a6927;
$color-5: #2b470a;

TAILWIND

colors: {
  'brand-1': '#a0c17a',
  'brand-2': '#71904d',
  'brand-3': '#5b783a',
  'brand-4': '#4a6927',
  'brand-5': '#2b470a',
}

RGB Array

[160, 193, 122], [113, 144, 77], [91, 120, 58], [74, 105, 39], [43, 71, 10]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A0C17A, #71904D, #5B783A, #4A6927, #2B470A is ideal for: tech websites, dark mode UIs, game UIs, 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: #a0c17a; --color-2: #71904d; --color-3: #5b783a; --color-4: #4a6927; --color-5: #2b470a. 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. 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