← Back to Editor

#C5F56C · #A4CC5A · #131A06 · #314210 · #239E8E

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial AppData Visualization

Color Details Color Details

#C5F56C

Willow Green · Khaki · Apple Green

HEX
#C5F56C
RGB
rgb(197, 245, 108)
HSL
hsl(81, 87%, 69%)
HSB
hsb(81, 56%, 96%)
CMYK
cmyk(20%, 0%, 56%, 4%)
Oklch
oklch(90.9% 0.173 125.8)

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

#A4CC5A

Grass Green · DarkSeaGreen · Olive Green

HEX
#A4CC5A
RGB
rgb(164, 204, 90)
HSL
hsl(81, 53%, 58%)
HSB
hsb(81, 56%, 80%)
CMYK
cmyk(20%, 0%, 56%, 20%)
Oklch
oklch(79.3% 0.149 125.8)

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

#131A06

Grass Green · Black · Dark Green

HEX
#131A06
RGB
rgb(19, 26, 6)
HSL
hsl(81, 63%, 6%)
HSB
hsb(81, 77%, 10%)
CMYK
cmyk(27%, 0%, 77%, 90%)
Oklch
oklch(20.5% 0.038 125.3)

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

#314210

Grass Green · DarkGreen · Dark Green

HEX
#314210
RGB
rgb(49, 66, 16)
HSL
hsl(80, 61%, 16%)
HSB
hsb(80, 76%, 26%)
CMYK
cmyk(26%, 0%, 76%, 74%)
Oklch
oklch(35.3% 0.076 126.3)

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

#239E8E

Mineral Blue · LightSeaGreen · Mint Ice

HEX
#239E8E
RGB
rgb(35, 158, 142)
HSL
hsl(172, 64%, 38%)
HSB
hsb(172, 78%, 62%)
CMYK
cmyk(78%, 0%, 10%, 38%)
Oklch
oklch(63.1% 0.105 181.8)

Traditional「Mineral Blue」· Paint「Mint Ice」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

C5F56C
9B6BF5

Analogous

F5E06B
C5F56C
80F56B

Triadic

C5F56C
6BC5F5
F56BC5

Split-Comp.

C5F56C
6B80F5
E06BF5

Tetradic

C5F56C
6BF5E0
9B6BF5
F56B80

Contrast Matrix WCAG 2.1 Contrast

C5F56C
A4CC5A
131A06
314210
239E8E
—
1.5
Fail
14.1
AAA
8.7
AAA
2.6
Fail
1.5
Fail
—
9.6
AAA
5.9
AA
1.8
Fail
14.1
AAA
9.6
AAA
—
1.6
Fail
5.4
AA
8.7
AAA
5.9
AA
1.6
Fail
—
3.3
AA Large
2.6
Fail
1.8
Fail
5.4
AA
3.3
AA Large
—
White BG
1.3Fail
1.8Fail
17.8AAA
11.0AAA
3.3AA Large
Black BG
16.7AAA
11.4AAA
1.2Fail
1.9Fail
6.4AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

DADA8D
B5B676
16160B
38391C
585992

Deuteranopia

D7D395
B3B07C
16150C
37361F
514893

Tritanopia

C7A7AD
A68B90
130F10
322628
299596

Achromatopsia

D7D7D7
B3B3B3
161616
373737
777777

Shades & Tints Shades & Tints

#C5F56C

Dark
Light

#A4CC5A

Dark
Light

#131A06

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #c5f56c;
  --color-2: #a4cc5a;
  --color-3: #131a06;
  --color-4: #314210;
  --color-5: #239e8e;
}

SCSS

$color-1: #c5f56c;
$color-2: #a4cc5a;
$color-3: #131a06;
$color-4: #314210;
$color-5: #239e8e;

TAILWIND

colors: {
  'brand-1': '#c5f56c',
  'brand-2': '#a4cc5a',
  'brand-3': '#131a06',
  'brand-4': '#314210',
  'brand-5': '#239e8e',
}

RGB Array

[197, 245, 108], [164, 204, 90], [19, 26, 6], [49, 66, 16], [35, 158, 142]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #C5F56C, #A4CC5A, #131A06, #314210, #239E8E is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs, infographics, data visualization, accessible design. Vivid colors effectively attract user attention. High contrast ensures clear visual hierarchy and readability. 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: #c5f56c; --color-2: #a4cc5a; --color-3: #131a06; --color-4: #314210; --color-5: #239e8e. 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 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