← Back to Editor

#A9DF90 · #4E4722 · #C8A42F · #FD7811 · #FC2569

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 AppData Visualization

Color Details Color Details

#A9DF90

Emerald · LightGreen · Apple Green

HEX
#A9DF90
RGB
rgb(169, 223, 144)
HSL
hsl(101, 55%, 72%)
HSB
hsb(101, 35%, 87%)
CMYK
cmyk(24%, 0%, 35%, 13%)
Oklch
oklch(84.7% 0.119 136.2)

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

#4E4722

Autumn Sage · DarkOliveGreen · Amber Gold

HEX
#4E4722
RGB
rgb(78, 71, 34)
HSL
hsl(50, 39%, 22%)
HSB
hsb(50, 56%, 31%)
CMYK
cmyk(0%, 9%, 56%, 69%)
Oklch
oklch(39.6% 0.055 98.8)

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

#C8A42F

Ochre · GoldenRod · Honey Gold

HEX
#C8A42F
RGB
rgb(200, 164, 47)
HSL
hsl(46, 62%, 48%)
HSB
hsb(46, 77%, 78%)
CMYK
cmyk(0%, 18%, 77%, 22%)
Oklch
oklch(73.2% 0.135 90.8)

Traditional「Ochre」· Paint「Honey Gold」· Creative Blush Sunrise

#FD7811

Tangerine · Chocolate · Warm Sun

HEX
#FD7811
RGB
rgb(253, 120, 17)
HSL
hsl(26, 98%, 53%)
HSB
hsb(26, 93%, 99%)
CMYK
cmyk(0%, 53%, 93%, 1%)
Oklch
oklch(71.8% 0.188 49.2)

Traditional「Tangerine」· Paint「Warm Sun」· Creative Blush Sunrise

#FC2569

Dark Violet · DeepPink · Rose Pink

HEX
#FC2569
RGB
rgb(252, 37, 105)
HSL
hsl(341, 97%, 57%)
HSB
hsb(341, 85%, 99%)
CMYK
cmyk(0%, 85%, 58%, 1%)
Oklch
oklch(64.4% 0.242 10.7)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

A9DF90
C690DF

Analogous

D0DF90
A9DF90
90DF9F

Triadic

A9DF90
90A9DF
DF90A9

Split-Comp.

A9DF90
9F90DF
DF90D0

Tetradic

A9DF90
90D0DF
C690DF
DF9F90

Contrast Matrix WCAG 2.1 Contrast

A9DF90
4E4722
C8A42F
FD7811
FC2569
—
6.1
AA
1.5
Fail
1.7
Fail
2.4
Fail
6.1
AA
—
3.9
AA Large
3.5
AA Large
2.5
Fail
1.5
Fail
3.9
AA Large
—
1.1
Fail
1.6
Fail
1.7
Fail
3.5
AA Large
1.1
Fail
—
1.4
Fail
2.4
Fail
2.5
Fail
1.6
Fail
1.4
Fail
—
White BG
1.5Fail
9.3AAA
2.4Fail
2.7Fail
3.7AA Large
Black BG
13.6AAA
2.2Fail
8.8AAA
7.9AAA
5.6AA

Color Blindness Simulation Color Blindness Simulation

Protanopia

C0C1A3
4B4B2B
B8B84B
C3C22A
9F9D59

Deuteranopia

BDB9A8
4B4C2D
BBBD52
CBD530
ABBB55

Tritanopia

ACB2B6
4E3234
C66267
F63E42
F14C49

Achromatopsia

C6C6C6
454545
A1A1A1
949494
6D6D6D

Shades & Tints Shades & Tints

#A9DF90

Dark
Light

#4E4722

Dark
Light

#C8A42F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #a9df90;
  --color-2: #4e4722;
  --color-3: #c8a42f;
  --color-4: #fd7811;
  --color-5: #fc2569;
}

SCSS

$color-1: #a9df90;
$color-2: #4e4722;
$color-3: #c8a42f;
$color-4: #fd7811;
$color-5: #fc2569;

TAILWIND

colors: {
  'brand-1': '#a9df90',
  'brand-2': '#4e4722',
  'brand-3': '#c8a42f',
  'brand-4': '#fd7811',
  'brand-5': '#fc2569',
}

RGB Array

[169, 223, 144], [78, 71, 34], [200, 164, 47], [253, 120, 17], [252, 37, 105]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #A9DF90, #4E4722, #C8A42F, #FD7811, #FC2569 is ideal for: social media posters, mobile apps, e-commerce promos, 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: #a9df90; --color-2: #4e4722; --color-3: #c8a42f; --color-4: #fd7811; --color-5: #fc2569. 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. 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