← Back to Editor

#AEC742 · #CEE940 · #FFFD6F · #F97A82 · #49094D

luxury

A 5-color luxury 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

#AEC742

Grass Green · GreenYellow · Olive Green

HEX
#AEC742
RGB
rgb(174, 199, 66)
HSL
hsl(71, 54%, 52%)
HSB
hsb(71, 67%, 78%)
CMYK
cmyk(13%, 0%, 67%, 22%)
Oklch
oklch(78.6% 0.158 119.4)

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

#CEE940

Grass Green · GreenYellow · Olive Green

HEX
#CEE940
RGB
rgb(206, 233, 64)
HSL
hsl(70, 79%, 58%)
HSB
hsb(70, 73%, 91%)
CMYK
cmyk(12%, 0%, 73%, 9%)
Oklch
oklch(88.5% 0.186 118.4)

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

#FFFD6F

Fresh Green · Khaki · Sunflower

HEX
#FFFD6F
RGB
rgb(255, 253, 111)
HSL
hsl(59, 100%, 72%)
HSB
hsb(59, 56%, 100%)
CMYK
cmyk(0%, 1%, 56%, 0%)
Oklch
oklch(96.9% 0.162 108.3)

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

#F97A82

Peach Pink · LightCoral · Coral Red

HEX
#F97A82
RGB
rgb(249, 122, 130)
HSL
hsl(356, 91%, 73%)
HSB
hsb(356, 51%, 98%)
CMYK
cmyk(0%, 51%, 48%, 2%)
Oklch
oklch(72.8% 0.155 17.8)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Rose Petal

#49094D

Royal Purple · MidnightBlue · Dark Purple

HEX
#49094D
RGB
rgb(73, 9, 77)
HSL
hsl(296, 79%, 17%)
HSB
hsb(296, 88%, 30%)
CMYK
cmyk(5%, 88%, 0%, 70%)
Oklch
oklch(29.5% 0.124 325.4)

Traditional「Royal Purple」· Paint「Dark Purple」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEC742
5B43C7

Analogous

C79D43
AEC742
6CC743

Triadic

AEC742
43AEC7
C743AE

Split-Comp.

AEC742
436CC7
9D43C7

Tetradic

AEC742
43C79D
5B43C7
C7436C

Contrast Matrix WCAG 2.1 Contrast

AEC742
CEE940
FFFD6F
F97A82
49094D
—
1.4
Fail
1.8
Fail
1.4
Fail
7.7
AAA
1.4
Fail
—
1.3
Fail
1.9
Fail
10.7
AAA
1.8
Fail
1.3
Fail
—
2.4
Fail
13.7
AAA
1.4
Fail
1.9
Fail
2.4
Fail
—
5.7
AA
7.7
AAA
10.7
AAA
13.7
AAA
5.7
AA
—
White BG
1.9Fail
1.4Fail
1.1Fail
2.6Fail
14.7AAA
Black BG
11.0AAA
15.4AAA
19.5AAA
8.1AAA
1.4Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

B9B962
DADA69
FEFE91
C2C180
2D2D3D

Deuteranopia

B7B66A
D8D673
FEFE9A
C9D380
313639

Tritanopia

AF7C81
CF8990
FFACB2
F37F7E
46302D

Achromatopsia

B0B0B0
CECECE
EDEDED
A1A1A1
242424

Shades & Tints Shades & Tints

#AEC742

Dark
Light

#CEE940

Dark
Light

#FFFD6F

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aec742;
  --color-2: #cee940;
  --color-3: #fffd6f;
  --color-4: #f97a82;
  --color-5: #49094d;
}

SCSS

$color-1: #aec742;
$color-2: #cee940;
$color-3: #fffd6f;
$color-4: #f97a82;
$color-5: #49094d;

TAILWIND

colors: {
  'brand-1': '#aec742',
  'brand-2': '#cee940',
  'brand-3': '#fffd6f',
  'brand-4': '#f97a82',
  'brand-5': '#49094d',
}

RGB Array

[174, 199, 66], [206, 233, 64], [255, 253, 111], [249, 122, 130], [73, 9, 77]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This luxury-style palette of #AEC742, #CEE940, #FFFD6F, #F97A82, #49094D 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: #aec742; --color-2: #cee940; --color-3: #fffd6f; --color-4: #f97a82; --color-5: #49094d. 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 luxury-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