← Back to Editor

#FF00AE · #FF7474 · #FCAB56 · #CEF115 · #A3F872

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

#FF00AE

Rose Purple · DeepPink · Violet

HEX
#FF00AE
RGB
rgb(255, 0, 174)
HSL
hsl(319, 100%, 50%)
HSB
hsb(319, 100%, 100%)
CMYK
cmyk(0%, 100%, 32%, 0%)
Oklch
oklch(66.1% 0.277 348.6)

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

#FF7474

Peach Pink · Salmon · Coral Red

HEX
#FF7474
RGB
rgb(255, 116, 116)
HSL
hsl(0, 100%, 73%)
HSB
hsb(0, 55%, 100%)
CMYK
cmyk(0%, 55%, 55%, 0%)
Oklch
oklch(72.5% 0.170 22.2)

Traditional「Peach Pink」· Paint「Coral Red」· Creative Blush Sunrise

#FCAB56

Ginger · SandyBrown · Warm Sun

HEX
#FCAB56
RGB
rgb(252, 171, 86)
HSL
hsl(31, 97%, 66%)
HSB
hsb(31, 66%, 99%)
CMYK
cmyk(0%, 32%, 66%, 1%)
Oklch
oklch(80.4% 0.138 64.8)

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

#CEF115

Grass Green · GreenYellow · Olive Green

HEX
#CEF115
RGB
rgb(206, 241, 21)
HSL
hsl(70, 89%, 51%)
HSB
hsb(70, 91%, 95%)
CMYK
cmyk(15%, 0%, 91%, 5%)
Oklch
oklch(90.1% 0.211 119.9)

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

#A3F872

Emerald · LightGreen · Apple Green

HEX
#A3F872
RGB
rgb(163, 248, 114)
HSL
hsl(98, 91%, 71%)
HSB
hsb(98, 54%, 97%)
CMYK
cmyk(34%, 0%, 54%, 3%)
Oklch
oklch(89.7% 0.188 135.4)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF00AE
00FF51

Analogous

D000FF
FF00AE
FF002F

Triadic

FF00AE
AEFF00
00AEFF

Split-Comp.

FF00AE
2FFF00
00FFD0

Tetradic

FF00AE
FFD000
00FF51
002FFF

Contrast Matrix WCAG 2.1 Contrast

FF00AE
FF7474
FCAB56
CEF115
A3F872
—
1.4
Fail
1.9
Fail
2.8
Fail
2.8
Fail
1.4
Fail
—
1.4
Fail
2.0
Fail
2.0
Fail
1.9
Fail
1.4
Fail
—
1.5
Fail
1.5
Fail
2.8
Fail
2.0
Fail
1.5
Fail
—
1.0
Fail
2.8
Fail
2.0
Fail
1.5
Fail
1.0
Fail
—
White BG
3.6AA Large
2.6Fail
1.9Fail
1.3Fail
1.3Fail
Black BG
5.9AA
8.0AAA
11.1AAA
16.2AAA
16.2AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918E84
C3C274
D9D86B
DDDD4A
C8C992

Deuteranopia

9FB37A
CBD574
DEE470
DBD957
C3BD9A

Tritanopia

F2635B
F87474
F87B7E
D0747E
A7ACB2

Achromatopsia

606060
9E9E9E
BABABA
CDCDCD
CFCFCF

Shades & Tints Shades & Tints

#FF00AE

Dark
Light

#FF7474

Dark
Light

#FCAB56

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff00ae;
  --color-2: #ff7474;
  --color-3: #fcab56;
  --color-4: #cef115;
  --color-5: #a3f872;
}

SCSS

$color-1: #ff00ae;
$color-2: #ff7474;
$color-3: #fcab56;
$color-4: #cef115;
$color-5: #a3f872;

TAILWIND

colors: {
  'brand-1': '#ff00ae',
  'brand-2': '#ff7474',
  'brand-3': '#fcab56',
  'brand-4': '#cef115',
  'brand-5': '#a3f872',
}

RGB Array

[255, 0, 174], [255, 116, 116], [252, 171, 86], [206, 241, 21], [163, 248, 114]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF00AE, #FF7474, #FCAB56, #CEF115, #A3F872 is ideal for: social media posters, mobile apps, e-commerce promos. 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: #ff00ae; --color-2: #ff7474; --color-3: #fcab56; --color-4: #cef115; --color-5: #a3f872. 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. 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