← Back to Editor

#AE5FD8 · #C1E15B · #F49971 · #F45687 · #E6EAAF

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

#AE5FD8

Lilac · MediumOrchid · Lilac Purple

HEX
#AE5FD8
RGB
rgb(174, 95, 216)
HSL
hsl(279, 61%, 61%)
HSB
hsb(279, 56%, 85%)
CMYK
cmyk(19%, 56%, 0%, 15%)
Oklch
oklch(62.7% 0.188 312.4)

Traditional「Lilac」· Paint「Lilac Purple」· Creative Lavender Dream

#C1E15B

Willow Green · GreenYellow · Apple Green

HEX
#C1E15B
RGB
rgb(193, 225, 91)
HSL
hsl(74, 69%, 62%)
HSB
hsb(74, 60%, 88%)
CMYK
cmyk(14%, 0%, 60%, 12%)
Oklch
oklch(86.0% 0.163 121.3)

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

#F49971

Apricot · DarkSalmon · Warm Sun

HEX
#F49971
RGB
rgb(244, 153, 113)
HSL
hsl(18, 86%, 70%)
HSB
hsb(18, 54%, 96%)
CMYK
cmyk(0%, 37%, 54%, 4%)
Oklch
oklch(76.7% 0.122 44.2)

Traditional「Apricot」· Paint「Warm Sun」· Creative Honey Glow

#F45687

Rouge · LightCoral · Rose Pink

HEX
#F45687
RGB
rgb(244, 86, 135)
HSL
hsl(341, 88%, 65%)
HSB
hsb(341, 65%, 96%)
CMYK
cmyk(0%, 65%, 45%, 4%)
Oklch
oklch(67.7% 0.196 5.0)

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

#E6EAAF

Fresh Green · Wheat · Lemon Cream

HEX
#E6EAAF
RGB
rgb(230, 234, 175)
HSL
hsl(64, 58%, 80%)
HSB
hsb(64, 25%, 92%)
CMYK
cmyk(2%, 0%, 25%, 8%)
Oklch
oklch(92.0% 0.076 111.0)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AE5FD8
89D85F

Analogous

715FD8
AE5FD8
D85FC6

Triadic

AE5FD8
D8AE5F
5FD8AE

Split-Comp.

AE5FD8
C6D85F
5FD871

Tetradic

AE5FD8
D8715F
89D85F
5FC6D8

Contrast Matrix WCAG 2.1 Contrast

AE5FD8
C1E15B
F49971
F45687
E6EAAF
—
2.6
Fail
1.8
Fail
1.2
Fail
3.1
AA Large
2.6
Fail
—
1.5
Fail
2.2
Fail
1.2
Fail
1.8
Fail
1.5
Fail
—
1.5
Fail
1.7
Fail
1.2
Fail
2.2
Fail
1.5
Fail
—
2.6
Fail
3.1
AA Large
1.2
Fail
1.7
Fail
2.6
Fail
—
White BG
3.9AA Large
1.5Fail
2.2Fail
3.2AA Large
1.3Fail
Black BG
5.4AA
14.2AAA
9.6AAA
6.5AA
16.8AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

8C8BBB
CFCF7B
CDCC7B
B0AE7B
E8E8BD

Deuteranopia

9096B4
CDCB83
D2D97D
B9C578
E8E7C1

Tritanopia

AAA49F
C3959B
EF8284
EC7270
E6C9CB

Achromatopsia

848484
C8C8C8
B0B0B0
8B8B8B
E2E2E2

Shades & Tints Shades & Tints

#AE5FD8

Dark
Light

#C1E15B

Dark
Light

#F49971

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ae5fd8;
  --color-2: #c1e15b;
  --color-3: #f49971;
  --color-4: #f45687;
  --color-5: #e6eaaf;
}

SCSS

$color-1: #ae5fd8;
$color-2: #c1e15b;
$color-3: #f49971;
$color-4: #f45687;
$color-5: #e6eaaf;

TAILWIND

colors: {
  'brand-1': '#ae5fd8',
  'brand-2': '#c1e15b',
  'brand-3': '#f49971',
  'brand-4': '#f45687',
  'brand-5': '#e6eaaf',
}

RGB Array

[174, 95, 216], [193, 225, 91], [244, 153, 113], [244, 86, 135], [230, 234, 175]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AE5FD8, #C1E15B, #F49971, #F45687, #E6EAAF is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs. 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: #ae5fd8; --color-2: #c1e15b; --color-3: #f49971; --color-4: #f45687; --color-5: #e6eaaf. 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?

Light tones suit backgrounds; use dark colors for body text. Mid-tones work for card backgrounds or dividers to add depth. 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