← Back to Editor

#FF0099 · #F2408C · #E68080 · #D9BF73 · #CCFF66

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

#FF0099

Rose Purple · DeepPink · Camellia

HEX
#FF0099
RGB
rgb(255, 0, 153)
HSL
hsl(324, 100%, 50%)
HSB
hsb(324, 100%, 100%)
CMYK
cmyk(0%, 100%, 40%, 0%)
Oklch
oklch(65.3% 0.268 354.7)

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

#F2408C

Dark Violet · DeepPink · Rose Pink

HEX
#F2408C
RGB
rgb(242, 64, 140)
HSL
hsl(334, 87%, 60%)
HSB
hsb(334, 74%, 95%)
CMYK
cmyk(0%, 74%, 42%, 5%)
Oklch
oklch(65.4% 0.220 359.5)

Traditional「Dark Violet」· Paint「Rose Pink」· Creative Blush Sunrise

#E68080

Peach Pink · LightCoral · Coral Red

HEX
#E68080
RGB
rgb(230, 128, 128)
HSL
hsl(0, 67%, 70%)
HSB
hsb(0, 44%, 90%)
CMYK
cmyk(0%, 44%, 44%, 10%)
Oklch
oklch(71.2% 0.126 20.7)

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

#D9BF73

Ginger · BurlyWood · Sunflower

HEX
#D9BF73
RGB
rgb(217, 191, 115)
HSL
hsl(45, 57%, 65%)
HSB
hsb(45, 47%, 85%)
CMYK
cmyk(0%, 12%, 47%, 15%)
Oklch
oklch(81.0% 0.100 91.1)

Traditional「Ginger」· Paint「Sunflower」· Creative Lemon Fizz

#CCFF66

Willow Green · Khaki · Apple Green

HEX
#CCFF66
RGB
rgb(204, 255, 102)
HSL
hsl(80, 100%, 70%)
HSB
hsb(80, 60%, 100%)
CMYK
cmyk(20%, 0%, 60%, 0%)
Oklch
oklch(93.5% 0.187 125.5)

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

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

FF0099
00FF66

Analogous

E600FF
FF0099
FF0019

Triadic

FF0099
99FF00
0099FF

Split-Comp.

FF0099
1AFF00
00FFE6

Tetradic

FF0099
FFE600
00FF66
0019FF

Contrast Matrix WCAG 2.1 Contrast

FF0099
F2408C
E68080
D9BF73
CCFF66
—
1.0
Fail
1.4
Fail
2.0
Fail
3.2
AA Large
1.0
Fail
—
1.3
Fail
2.0
Fail
3.1
AA Large
1.4
Fail
1.3
Fail
—
1.5
Fail
2.3
Fail
2.0
Fail
2.0
Fail
1.5
Fail
—
1.6
Fail
3.2
AA Large
3.1
AA Large
2.3
Fail
1.6
Fail
—
White BG
3.7AA Large
3.6AA Large
2.7Fail
1.8Fail
1.2Fail
Black BG
5.7AA
5.9AA
7.8AAA
11.7AAA
18.1AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

918E74
A5A37A
BAB980
CECE85
E2E38B

Deuteranopia

9FB36B
AFBD75
C0C780
CFD18A
DFDB94

Tritanopia

F25750
E96B68
E18080
D89497
CFA8AF

Achromatopsia

5E5E5E
7E7E7E
9E9E9E
BEBEBE
DEDEDE

Shades & Tints Shades & Tints

#FF0099

Dark
Light

#F2408C

Dark
Light

#E68080

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #ff0099;
  --color-2: #f2408c;
  --color-3: #e68080;
  --color-4: #d9bf73;
  --color-5: #ccff66;
}

SCSS

$color-1: #ff0099;
$color-2: #f2408c;
$color-3: #e68080;
$color-4: #d9bf73;
$color-5: #ccff66;

TAILWIND

colors: {
  'brand-1': '#ff0099',
  'brand-2': '#f2408c',
  'brand-3': '#e68080',
  'brand-4': '#d9bf73',
  'brand-5': '#ccff66',
}

RGB Array

[255, 0, 153], [242, 64, 140], [230, 128, 128], [217, 191, 115], [204, 255, 102]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #FF0099, #F2408C, #E68080, #D9BF73, #CCFF66 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: #ff0099; --color-2: #f2408c; --color-3: #e68080; --color-4: #d9bf73; --color-5: #ccff66. 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