← Back to Editor

#AEE4A2 · #FF9DD9 · #F266BB · #A92074 · #1A0110

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

#AEE4A2

Emerald · LightGreen · Apple Green

HEX
#AEE4A2
RGB
rgb(174, 228, 162)
HSL
hsl(109, 55%, 76%)
HSB
hsb(109, 29%, 89%)
CMYK
cmyk(24%, 0%, 29%, 11%)
Oklch
oklch(86.5% 0.105 140.0)

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

#FF9DD9

Mauve · LightPink · Cherry Blossom

HEX
#FF9DD9
RGB
rgb(255, 157, 217)
HSL
hsl(323, 100%, 81%)
HSB
hsb(323, 38%, 100%)
CMYK
cmyk(0%, 38%, 15%, 0%)
Oklch
oklch(81.3% 0.137 343.1)

Traditional「Mauve」· Paint「Cherry Blossom」· Creative Rose Petal

#F266BB

Mauve · Orchid · Rose Pink

HEX
#F266BB
RGB
rgb(242, 102, 187)
HSL
hsl(324, 84%, 67%)
HSB
hsb(324, 58%, 95%)
CMYK
cmyk(0%, 58%, 23%, 5%)
Oklch
oklch(70.9% 0.194 345.8)

Traditional「Mauve」· Paint「Rose Pink」· Creative Rose Petal

#A92074

Rose Purple · MediumVioletRed · Camellia

HEX
#A92074
RGB
rgb(169, 32, 116)
HSL
hsl(323, 68%, 39%)
HSB
hsb(323, 81%, 66%)
CMYK
cmyk(0%, 81%, 31%, 34%)
Oklch
oklch(50.0% 0.187 348.9)

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

#1A0110

Rose Purple · Black · Raspberry

HEX
#1A0110
RGB
rgb(26, 1, 16)
HSL
hsl(324, 93%, 5%)
HSB
hsb(324, 96%, 10%)
CMYK
cmyk(0%, 96%, 38%, 90%)
Oklch
oklch(14.8% 0.058 345.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AEE4A2
D7A0E3

Analogous

CEE3A0
AEE4A2
A0E3B5

Triadic

AEE4A2
A0ACE3
E3A0AC

Split-Comp.

AEE4A2
B5A0E3
E3A0CE

Tetradic

AEE4A2
A0CEE3
D7A0E3
E3B5A0

Contrast Matrix WCAG 2.1 Contrast

AEE4A2
FF9DD9
F266BB
A92074
1A0110
—
1.3
Fail
2.0
Fail
4.6
AA
13.7
AAA
1.3
Fail
—
1.5
Fail
3.5
AA Large
10.5
AAA
2.0
Fail
1.5
Fail
—
2.4
Fail
7.0
AAA
4.6
AA
3.5
AA Large
2.4
Fail
—
3.0
Fail
13.7
AAA
10.5
AAA
7.0
AAA
3.0
Fail
—
White BG
1.5Fail
1.9Fail
2.8Fail
6.7AA
19.9AAA
Black BG
14.4AAA
11.1AAA
7.4AAA
3.1AA Large
1.1Fail

Color Blindness Simulation Color Blindness Simulation

Protanopia

C5C6B2
D5D4CA
B5B4A6
6E6C60
0F0F0C

Deuteranopia

C2BEB6
DAE2C7
BEC8A2
76805B
11130C

Tritanopia

B1BFC1
FABFBD
EB9693
A2504C
190A09

Achromatopsia

CCCCCC
C1C1C1
9A9A9A
535353
0A0A0A

Shades & Tints Shades & Tints

#AEE4A2

Dark
Light

#FF9DD9

Dark
Light

#F266BB

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aee4a2;
  --color-2: #ff9dd9;
  --color-3: #f266bb;
  --color-4: #a92074;
  --color-5: #1a0110;
}

SCSS

$color-1: #aee4a2;
$color-2: #ff9dd9;
$color-3: #f266bb;
$color-4: #a92074;
$color-5: #1a0110;

TAILWIND

colors: {
  'brand-1': '#aee4a2',
  'brand-2': '#ff9dd9',
  'brand-3': '#f266bb',
  'brand-4': '#a92074',
  'brand-5': '#1a0110',
}

RGB Array

[174, 228, 162], [255, 157, 217], [242, 102, 187], [169, 32, 116], [26, 1, 16]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AEE4A2, #FF9DD9, #F266BB, #A92074, #1A0110 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: #aee4a2; --color-2: #ff9dd9; --color-3: #f266bb; --color-4: #a92074; --color-5: #1a0110. 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