← Back to Editor

#A9D094 · #07C9B8 · #7EEB98 · #EDED49 · #F12845

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

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#A9D094

Celadon · DarkSeaGreen · Apple Green

HEX
#A9D094
RGB
rgb(169, 208, 148)
HSL
hsl(99, 39%, 70%)
HSB
hsb(99, 29%, 82%)
CMYK
cmyk(19%, 0%, 29%, 18%)
Oklch
oklch(81.4% 0.092 134.9)

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

#07C9B8

Mineral Blue · DarkTurquoise · Mint Ice

HEX
#07C9B8
RGB
rgb(7, 201, 184)
HSL
hsl(175, 93%, 41%)
HSB
hsb(175, 97%, 79%)
CMYK
cmyk(97%, 0%, 8%, 21%)
Oklch
oklch(75.1% 0.132 184.2)

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

#7EEB98

Emerald · LightGreen · Apple Green

HEX
#7EEB98
RGB
rgb(126, 235, 152)
HSL
hsl(134, 73%, 71%)
HSB
hsb(134, 46%, 92%)
CMYK
cmyk(46%, 0%, 35%, 8%)
Oklch
oklch(85.4% 0.154 149.9)

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

#EDED49

Fresh Green · Khaki · Sunflower

HEX
#EDED49
RGB
rgb(237, 237, 73)
HSL
hsl(60, 82%, 61%)
HSB
hsb(60, 69%, 93%)
CMYK
cmyk(0%, 0%, 69%, 7%)
Oklch
oklch(91.8% 0.177 109.4)

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

#F12845

Vermilion · Crimson · Passion Red

HEX
#F12845
RGB
rgb(241, 40, 69)
HSL
hsl(351, 88%, 55%)
HSB
hsb(351, 83%, 95%)
CMYK
cmyk(0%, 83%, 71%, 5%)
Oklch
oklch(62.0% 0.230 20.9)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9D094
BB95D0

Analogous

C7D095
A9D094
95D09E

Triadic

A9D094
95AAD0
D095AA

Split-Comp.

A9D094
9E95D0
D095C7

Tetradic

A9D094
95C7D0
BB95D0
D09E95

Contrast Matrix WCAG 2.1 Contrast

A9D094
07C9B8
7EEB98
EDED49
F12845
—
1.2
Fail
1.2
Fail
1.4
Fail
2.4
Fail
1.2
Fail
—
1.4
Fail
1.7
Fail
2.0
Fail
1.2
Fail
1.4
Fail
—
1.2
Fail
2.8
Fail
1.4
Fail
1.7
Fail
1.2
Fail
—
3.3
AA Large
2.4
Fail
2.0
Fail
2.8
Fail
3.3
AA Large
—
White BG
1.7Fail
2.1Fail
1.5Fail
1.2Fail
4.1AA Large
Black BG
12.1AAA
10.1AAA
14.2AAA
16.8AAA
5.1AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BABAA3
5B5DBC
ADAEAC
EDED71
9A983E

Deuteranopia

B8B5A6
5041BD
A79FB1
EDED7A
A6B53C

Tritanopia

ABAEB1
11BFC0
83BCBF
ED9097
E73837

Achromatopsia

BDBDBD
8D8D8D
C1C1C1
DADADA
676767

Shades & Tints Shades & Tints

#A9D094

Dark
Light

#07C9B8

Dark
Light

#7EEB98

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9d094;
  --color-2: #07c9b8;
  --color-3: #7eeb98;
  --color-4: #eded49;
  --color-5: #f12845;
}

SCSS

$color-1: #a9d094;
$color-2: #07c9b8;
$color-3: #7eeb98;
$color-4: #eded49;
$color-5: #f12845;

TAILWIND

colors: {
  'brand-1': '#a9d094',
  'brand-2': '#07c9b8',
  'brand-3': '#7eeb98',
  'brand-4': '#eded49',
  'brand-5': '#f12845',
}

RGB Array

[169, 208, 148], [7, 201, 184], [126, 235, 152], [237, 237, 73], [241, 40, 69]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9D094, #07C9B8, #7EEB98, #EDED49, #F12845 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: #a9d094; --color-2: #07c9b8; --color-3: #7eeb98; --color-4: #eded49; --color-5: #f12845. 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