← Back to Editor

#2A7513 · #1ACB77 · #0CE9CB · #A7D408 · #A3F424

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 App

Color Details Color Details

#2A7513

Pine Green · ForestGreen · Forest Green

HEX
#2A7513
RGB
rgb(42, 117, 19)
HSL
hsl(106, 72%, 27%)
HSB
hsb(106, 84%, 46%)
CMYK
cmyk(64%, 0%, 84%, 54%)
Oklch
oklch(49.6% 0.148 139.8)

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

#1ACB77

Mineral Blue · MediumSeaGreen · Olive Green

HEX
#1ACB77
RGB
rgb(26, 203, 119)
HSL
hsl(152, 77%, 45%)
HSB
hsb(152, 87%, 80%)
CMYK
cmyk(87%, 0%, 41%, 20%)
Oklch
oklch(74.2% 0.179 154.9)

Traditional「Mineral Blue」· Paint「Olive Green」· Creative Blush Sunrise

#0CE9CB

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#0CE9CB
RGB
rgb(12, 233, 203)
HSL
hsl(172, 90%, 48%)
HSB
hsb(172, 95%, 91%)
CMYK
cmyk(95%, 0%, 13%, 9%)
Oklch
oklch(83.7% 0.152 178.8)

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

#A7D408

Grass Green · GreenYellow · Olive Green

HEX
#A7D408
RGB
rgb(167, 212, 8)
HSL
hsl(73, 93%, 43%)
HSB
hsb(73, 96%, 83%)
CMYK
cmyk(21%, 0%, 96%, 17%)
Oklch
oklch(80.8% 0.199 123.7)

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

#A3F424

Grass Green · GreenYellow · Olive Green

HEX
#A3F424
RGB
rgb(163, 244, 36)
HSL
hsl(83, 90%, 55%)
HSB
hsb(83, 85%, 96%)
CMYK
cmyk(33%, 0%, 85%, 4%)
Oklch
oklch(88.1% 0.230 130.2)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

2A7513
5F1376

Analogous

5C7613
2A7513
13762E

Triadic

2A7513
132A76
76132A

Split-Comp.

2A7513
2E1376
76135C

Tetradic

2A7513
135C76
5F1376
762E13

Contrast Matrix WCAG 2.1 Contrast

2A7513
1ACB77
0CE9CB
A7D408
A3F424
—
2.7
Fail
3.7
AA Large
3.3
AA Large
4.3
AA Large
2.7
Fail
—
1.4
Fail
1.2
Fail
1.6
Fail
3.7
AA Large
1.4
Fail
—
1.1
Fail
1.1
Fail
3.3
AA Large
1.2
Fail
1.1
Fail
—
1.3
Fail
4.3
AA Large
1.6
Fail
1.1
Fail
1.3
Fail
—
White BG
5.7AA
2.1Fail
1.6Fail
1.7Fail
1.4Fail
Black BG
3.7AA Large
9.9AAA
13.5AAA
12.1AAA
15.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

4A4B2B
67688B
6C6ED2
BABB39
C6C756

Deuteranopia

464130
5C4F90
5F4ED4
B8B545
C1BB62

Tritanopia

2E3D42
239B9F
17D8D9
A96069
A77E87

Achromatopsia

535353
8D8D8D
A4A4A4
AFAFAF
C4C4C4

Shades & Tints Shades & Tints

#2A7513

Dark
Light

#1ACB77

Dark
Light

#0CE9CB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #2a7513;
  --color-2: #1acb77;
  --color-3: #0ce9cb;
  --color-4: #a7d408;
  --color-5: #a3f424;
}

SCSS

$color-1: #2a7513;
$color-2: #1acb77;
$color-3: #0ce9cb;
$color-4: #a7d408;
$color-5: #a3f424;

TAILWIND

colors: {
  'brand-1': '#2a7513',
  'brand-2': '#1acb77',
  'brand-3': '#0ce9cb',
  'brand-4': '#a7d408',
  'brand-5': '#a3f424',
}

RGB Array

[42, 117, 19], [26, 203, 119], [12, 233, 203], [167, 212, 8], [163, 244, 36]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #2A7513, #1ACB77, #0CE9CB, #A7D408, #A3F424 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: #2a7513; --color-2: #1acb77; --color-3: #0ce9cb; --color-4: #a7d408; --color-5: #a3f424. 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