← Back to Editor

#A9DA0C · #EA405D · #A0A807 · #838D12 · #821175

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

#A9DA0C

Grass Green · GreenYellow · Olive Green

HEX
#A9DA0C
RGB
rgb(169, 218, 12)
HSL
hsl(74, 90%, 45%)
HSB
hsb(74, 94%, 85%)
CMYK
cmyk(22%, 0%, 94%, 15%)
Oklch
oklch(82.4% 0.204 124.5)

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

#EA405D

Vermilion · Tomato · Passion Red

HEX
#EA405D
RGB
rgb(234, 64, 93)
HSL
hsl(350, 80%, 58%)
HSB
hsb(350, 73%, 92%)
CMYK
cmyk(0%, 73%, 60%, 8%)
Oklch
oklch(62.9% 0.205 16.0)

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

#A0A807

Autumn Sage · DarkGoldenRod · Honey Gold

HEX
#A0A807
RGB
rgb(160, 168, 7)
HSL
hsl(63, 92%, 34%)
HSB
hsb(63, 96%, 66%)
CMYK
cmyk(5%, 0%, 96%, 34%)
Oklch
oklch(70.1% 0.155 113.2)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#838D12

Autumn Sage · Olive · Honey Gold

HEX
#838D12
RGB
rgb(131, 141, 18)
HSL
hsl(65, 77%, 31%)
HSB
hsb(65, 87%, 55%)
CMYK
cmyk(7%, 0%, 87%, 45%)
Oklch
oklch(61.5% 0.134 114.8)

Traditional「Autumn Sage」· Paint「Honey Gold」· Creative Blush Sunrise

#821175

Rose Purple · Purple · Eggplant

HEX
#821175
RGB
rgb(130, 17, 117)
HSL
hsl(307, 77%, 29%)
HSB
hsb(307, 87%, 51%)
CMYK
cmyk(0%, 87%, 10%, 49%)
Oklch
oklch(42.4% 0.177 333.9)

Traditional「Rose Purple」· Paint「Eggplant」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9DA0C
3C0BDA

Analogous

DAA30B
A9DA0C
43DA0B

Triadic

A9DA0C
0BAADA
DA0BAA

Split-Comp.

A9DA0C
0B43DA
A30BDA

Tetradic

A9DA0C
0BDAA3
3C0BDA
DA0B43

Contrast Matrix WCAG 2.1 Contrast

A9DA0C
EA405D
A0A807
838D12
821175
—
2.4
Fail
1.6
Fail
2.2
Fail
5.6
AA
2.4
Fail
—
1.5
Fail
1.1
Fail
2.4
Fail
1.6
Fail
1.5
Fail
—
1.4
Fail
3.5
AA Large
2.2
Fail
1.1
Fail
1.4
Fail
—
2.5
Fail
5.6
AA
2.4
Fail
3.5
AA Large
2.5
Fail
—
White BG
1.7Fail
3.9AA Large
2.6Fail
3.6AA Large
9.2AAA
Black BG
12.7AAA
5.4AA
8.1AAA
5.8AA
2.3Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

BEBF3E
A09F56
A3A42E
878730
51505D

Deuteranopia

BBB84A
AAB754
A3A237
878637
586057

Tritanopia

AB656E
E1504F
A04D53
84474C
7C4A46

Achromatopsia

B4B4B4
767676
939393
7C7C7C
3E3E3E

Shades & Tints Shades & Tints

#A9DA0C

Dark
Light

#EA405D

Dark
Light

#A0A807

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9da0c;
  --color-2: #ea405d;
  --color-3: #a0a807;
  --color-4: #838d12;
  --color-5: #821175;
}

SCSS

$color-1: #a9da0c;
$color-2: #ea405d;
$color-3: #a0a807;
$color-4: #838d12;
$color-5: #821175;

TAILWIND

colors: {
  'brand-1': '#a9da0c',
  'brand-2': '#ea405d',
  'brand-3': '#a0a807',
  'brand-4': '#838d12',
  'brand-5': '#821175',
}

RGB Array

[169, 218, 12], [234, 64, 93], [160, 168, 7], [131, 141, 18], [130, 17, 117]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9DA0C, #EA405D, #A0A807, #838D12, #821175 is ideal for: social media posters, mobile apps, e-commerce promos, tech websites, dark mode UIs, game UIs. 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: #a9da0c; --color-2: #ea405d; --color-3: #a0a807; --color-4: #838d12; --color-5: #821175. 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. 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