← Back to Editor

#8CA653 · #DBD96B · #9C1300 · #DB7809 · #A3C27C

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

#8CA653

Grass Green · Gray · Olive Green

HEX
#8CA653
RGB
rgb(140, 166, 83)
HSL
hsl(79, 33%, 49%)
HSB
hsb(79, 50%, 65%)
CMYK
cmyk(16%, 0%, 50%, 35%)
Oklch
oklch(68.7% 0.114 123.7)

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

#DBD96B

Fresh Green · Khaki · Sunflower

HEX
#DBD96B
RGB
rgb(219, 217, 107)
HSL
hsl(59, 61%, 64%)
HSB
hsb(59, 51%, 86%)
CMYK
cmyk(0%, 1%, 51%, 14%)
Oklch
oklch(86.5% 0.133 107.9)

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

#9C1300

Vermilion · DarkRed · Wine Red

HEX
#9C1300
RGB
rgb(156, 19, 0)
HSL
hsl(7, 100%, 31%)
HSB
hsb(7, 100%, 61%)
CMYK
cmyk(0%, 88%, 100%, 39%)
Oklch
oklch(44.3% 0.171 31.2)

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

#DB7809

Ochre · Chocolate · Amber Brown

HEX
#DB7809
RGB
rgb(219, 120, 9)
HSL
hsl(32, 92%, 45%)
HSB
hsb(32, 96%, 86%)
CMYK
cmyk(0%, 45%, 96%, 14%)
Oklch
oklch(67.0% 0.158 58.1)

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

#A3C27C

Willow Green · DarkSeaGreen · Apple Green

HEX
#A3C27C
RGB
rgb(163, 194, 124)
HSL
hsl(87, 36%, 62%)
HSB
hsb(87, 36%, 76%)
CMYK
cmyk(16%, 0%, 36%, 24%)
Oklch
oklch(77.4% 0.100 128.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

8CA653
6E54A6

Analogous

A69754
8CA653
63A654

Triadic

8CA653
548CA6
A6548C

Split-Comp.

8CA653
5463A6
9754A6

Tetradic

8CA653
54A697
6E54A6
A65463

Contrast Matrix WCAG 2.1 Contrast

8CA653
DBD96B
9C1300
DB7809
A3C27C
—
1.8
Fail
3.1
AA Large
1.1
Fail
1.4
Fail
1.8
Fail
—
5.6
AA
2.1
Fail
1.3
Fail
3.1
AA Large
5.6
AA
—
2.7
Fail
4.2
AA Large
1.1
Fail
2.1
Fail
2.7
Fail
—
1.6
Fail
1.4
Fail
1.3
Fail
4.2
AA Large
1.6
Fail
—
White BG
2.7Fail
1.5Fail
8.4AAA
3.1AA Large
2.0Fail
Black BG
7.7AAA
14.1AAA
2.5Fail
6.7AA
10.6AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

979767
DADA86
615F05
B0AF24
B0B18D

Deuteranopia

96946C
DADA8C
697306
B6BD2A
AFAC91

Tritanopia

8D777A
DB9B9F
950809
D6393E
A59A9D

Achromatopsia

959595
CDCDCD
3A3A3A
898989
B1B1B1

Shades & Tints Shades & Tints

#8CA653

Dark
Light

#DBD96B

Dark
Light

#9C1300

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #8ca653;
  --color-2: #dbd96b;
  --color-3: #9c1300;
  --color-4: #db7809;
  --color-5: #a3c27c;
}

SCSS

$color-1: #8ca653;
$color-2: #dbd96b;
$color-3: #9c1300;
$color-4: #db7809;
$color-5: #a3c27c;

TAILWIND

colors: {
  'brand-1': '#8ca653',
  'brand-2': '#dbd96b',
  'brand-3': '#9c1300',
  'brand-4': '#db7809',
  'brand-5': '#a3c27c',
}

RGB Array

[140, 166, 83], [219, 217, 107], [156, 19, 0], [219, 120, 9], [163, 194, 124]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #8CA653, #DBD96B, #9C1300, #DB7809, #A3C27C 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: #8ca653; --color-2: #dbd96b; --color-3: #9c1300; --color-4: #db7809; --color-5: #a3c27c. 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 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