← Back to Editor

#AAD472 · #DFD796 · #FFFEFA · #CE3933 · #F9ABA7

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

#AAD472

Willow Green · DarkSeaGreen · Apple Green

HEX
#AAD472
RGB
rgb(170, 212, 114)
HSL
hsl(86, 53%, 64%)
HSB
hsb(86, 46%, 83%)
CMYK
cmyk(20%, 0%, 46%, 17%)
Oklch
oklch(81.8% 0.134 128.1)

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

#DFD796

Fresh Green · Khaki · Sunflower

HEX
#DFD796
RGB
rgb(223, 215, 150)
HSL
hsl(53, 53%, 73%)
HSB
hsb(53, 33%, 87%)
CMYK
cmyk(0%, 4%, 33%, 13%)
Oklch
oklch(87.0% 0.084 102.0)

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

#FFFEFA

Goose Yellow · Snow · Lemon Cream

HEX
#FFFEFA
RGB
rgb(255, 254, 250)
HSL
hsl(48, 100%, 99%)
HSB
hsb(48, 2%, 100%)
CMYK
cmyk(0%, 0%, 2%, 0%)
Oklch
oklch(99.7% 0.005 95.1)

Traditional「Goose Yellow」· Paint「Lemon Cream」· Creative Lemon Fizz

#CE3933

Vermilion · FireBrick · Passion Red

HEX
#CE3933
RGB
rgb(206, 57, 51)
HSL
hsl(2, 61%, 50%)
HSB
hsb(2, 75%, 81%)
CMYK
cmyk(0%, 72%, 75%, 19%)
Oklch
oklch(56.8% 0.187 27.3)

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

#F9ABA7

Peach Pink · LightPink · Cherry Blossom

HEX
#F9ABA7
RGB
rgb(249, 171, 167)
HSL
hsl(3, 87%, 82%)
HSB
hsb(3, 33%, 98%)
CMYK
cmyk(0%, 31%, 33%, 2%)
Oklch
oklch(81.5% 0.093 22.6)

Traditional「Peach Pink」· Paint「Cherry Blossom」· Creative Blush Sunrise

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

AAD472
9D73D4

Analogous

D4CD73
AAD472
79D473

Triadic

AAD472
73AAD4
D473AA

Split-Comp.

AAD472
7379D4
CD73D4

Tetradic

AAD472
73D4CD
9D73D4
D47379

Contrast Matrix WCAG 2.1 Contrast

AAD472
DFD796
FFFEFA
CE3933
F9ABA7
—
1.2
Fail
1.7
Fail
2.9
Fail
1.1
Fail
1.2
Fail
—
1.5
Fail
3.4
AA Large
1.3
Fail
1.7
Fail
1.5
Fail
—
4.9
AA
1.8
Fail
2.9
Fail
3.4
AA Large
4.9
AA
—
2.7
Fail
1.1
Fail
1.3
Fail
1.8
Fail
2.7
Fail
—
White BG
1.7Fail
1.5Fail
1.0Fail
4.9AA
1.8Fail
Black BG
12.4AAA
14.3AAA
20.8AAA
4.3AA Large
11.4AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

BCBD8A
DCDBA6
FFFFFB
8D8C34
D7D7A8

Deuteranopia

BAB78F
DCDDAA
FFFFFB
96A135
DCE2A8

Tritanopia

AC9CA1
DFB2B5
FFFCFC
C73636
F5A9A9

Achromatopsia

BCBCBC
D2D2D2
FEFEFE
656565
C2C2C2

Shades & Tints Shades & Tints

#AAD472

Dark
Light

#DFD796

Dark
Light

#FFFEFA

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #aad472;
  --color-2: #dfd796;
  --color-3: #fffefa;
  --color-4: #ce3933;
  --color-5: #f9aba7;
}

SCSS

$color-1: #aad472;
$color-2: #dfd796;
$color-3: #fffefa;
$color-4: #ce3933;
$color-5: #f9aba7;

TAILWIND

colors: {
  'brand-1': '#aad472',
  'brand-2': '#dfd796',
  'brand-3': '#fffefa',
  'brand-4': '#ce3933',
  'brand-5': '#f9aba7',
}

RGB Array

[170, 212, 114], [223, 215, 150], [255, 254, 250], [206, 57, 51], [249, 171, 167]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #AAD472, #DFD796, #FFFEFA, #CE3933, #F9ABA7 is ideal for: social media posters, mobile apps, e-commerce promos, health products, baby brands, fresh-style blogs, 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: #aad472; --color-2: #dfd796; --color-3: #fffefa; --color-4: #ce3933; --color-5: #f9aba7. 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. 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