← Back to Editor

#5C8316 · #99B524 · #C5F66B · #E69015 · #E8B54A

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

#5C8316

Grass Green · DarkOliveGreen · Forest Green

HEX
#5C8316
RGB
rgb(92, 131, 22)
HSL
hsl(81, 71%, 30%)
HSB
hsb(81, 83%, 51%)
CMYK
cmyk(30%, 0%, 83%, 49%)
Oklch
oklch(56.0% 0.138 128.3)

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

#99B524

Grass Green · DarkGoldenRod · Olive Green

HEX
#99B524
RGB
rgb(153, 181, 36)
HSL
hsl(72, 67%, 43%)
HSB
hsb(72, 80%, 71%)
CMYK
cmyk(15%, 0%, 80%, 29%)
Oklch
oklch(72.7% 0.163 120.6)

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

#C5F66B

Willow Green · Khaki · Apple Green

HEX
#C5F66B
RGB
rgb(197, 246, 107)
HSL
hsl(81, 89%, 69%)
HSB
hsb(81, 57%, 96%)
CMYK
cmyk(20%, 0%, 57%, 4%)
Oklch
oklch(91.1% 0.175 125.9)

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

#E69015

Ochre · GoldenRod · Amber Brown

HEX
#E69015
RGB
rgb(230, 144, 21)
HSL
hsl(35, 83%, 49%)
HSB
hsb(35, 91%, 90%)
CMYK
cmyk(0%, 37%, 91%, 10%)
Oklch
oklch(72.6% 0.156 67.1)

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

#E8B54A

Ginger · SandyBrown · Sunflower

HEX
#E8B54A
RGB
rgb(232, 181, 74)
HSL
hsl(41, 77%, 60%)
HSB
hsb(41, 68%, 91%)
CMYK
cmyk(0%, 22%, 68%, 9%)
Oklch
oklch(80.0% 0.135 82.9)

Traditional「Ginger」· Paint「Sunflower」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

5C8316
3C1683

Analogous

837316
5C8316
268316

Triadic

5C8316
165D83
83165D

Split-Comp.

5C8316
162683
731683

Tetradic

5C8316
168373
3C1683
831626

Contrast Matrix WCAG 2.1 Contrast

5C8316
99B524
C5F66B
E69015
E8B54A
—
1.9
Fail
3.6
AA Large
1.8
Fail
2.4
Fail
1.9
Fail
—
1.9
Fail
1.1
Fail
1.2
Fail
3.6
AA Large
1.9
Fail
—
2.0
Fail
1.5
Fail
1.8
Fail
1.1
Fail
2.0
Fail
—
1.3
Fail
2.4
Fail
1.2
Fail
1.5
Fail
1.3
Fail
—
White BG
4.5AA Large
2.3Fail
1.3Fail
2.5Fail
1.9Fail
Black BG
4.7AA
9.0AAA
16.8AAA
8.4AAA
11.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

6D6D30
A5A547
DADB8D
C1C033
D2D164

Deuteranopia

6B6837
A4A150
D7D495
C6CC3A
D5D96A

Tritanopia

5E454A
9A6369
C7A7AD
E24A4F
E5787D

Achromatopsia

6B6B6B
9C9C9C
D8D8D8
9C9C9C
B8B8B8

Shades & Tints Shades & Tints

#5C8316

Dark
Light

#99B524

Dark
Light

#C5F66B

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #5c8316;
  --color-2: #99b524;
  --color-3: #c5f66b;
  --color-4: #e69015;
  --color-5: #e8b54a;
}

SCSS

$color-1: #5c8316;
$color-2: #99b524;
$color-3: #c5f66b;
$color-4: #e69015;
$color-5: #e8b54a;

TAILWIND

colors: {
  'brand-1': '#5c8316',
  'brand-2': '#99b524',
  'brand-3': '#c5f66b',
  'brand-4': '#e69015',
  'brand-5': '#e8b54a',
}

RGB Array

[92, 131, 22], [153, 181, 36], [197, 246, 107], [230, 144, 21], [232, 181, 74]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #5C8316, #99B524, #C5F66B, #E69015, #E8B54A 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: #5c8316; --color-2: #99b524; --color-3: #c5f66b; --color-4: #e69015; --color-5: #e8b54a. 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