← Back to Editor

#F8508B · #FB9881 · #F2E9AF · #A2E6B3 · #7FCEC6

A 5-color palette palette · Complete color analysis and application guide

Scene Recommendations Scene Recommendations

Emotion EMOTION

PassionateDynamicWarmCool

Industry INDUSTRY

EntertainmentFMCG

UI Context UI CONTEXT

Sale PromoSocial App

Color Details Color Details

#F8508B

Rouge · LightCoral · Rose Pink

HEX
#F8508B
RGB
rgb(248, 80, 139)
HSL
hsl(339, 92%, 64%)
HSB
hsb(339, 68%, 97%)
CMYK
cmyk(0%, 68%, 44%, 3%)
Oklch
oklch(67.8% 0.208 3.1)

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

#FB9881

Peach Pink · LightSalmon · Coral Red

HEX
#FB9881
RGB
rgb(251, 152, 129)
HSL
hsl(11, 94%, 75%)
HSB
hsb(11, 49%, 98%)
CMYK
cmyk(0%, 39%, 49%, 2%)
Oklch
oklch(77.7% 0.124 33.9)

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

#F2E9AF

Fresh Green · Wheat · Lemon Cream

HEX
#F2E9AF
RGB
rgb(242, 233, 175)
HSL
hsl(52, 72%, 82%)
HSB
hsb(52, 28%, 95%)
CMYK
cmyk(0%, 4%, 28%, 5%)
Oklch
oklch(92.7% 0.075 100.3)

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

#A2E6B3

Emerald · LightGreen · Apple Green

HEX
#A2E6B3
RGB
rgb(162, 230, 179)
HSL
hsl(135, 58%, 77%)
HSB
hsb(135, 30%, 90%)
CMYK
cmyk(30%, 0%, 22%, 10%)
Oklch
oklch(86.6% 0.098 151.7)

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

#7FCEC6

Jade · MediumAquaMarine · Lake Green

HEX
#7FCEC6
RGB
rgb(127, 206, 198)
HSL
hsl(174, 45%, 65%)
HSB
hsb(174, 38%, 81%)
CMYK
cmyk(38%, 0%, 4%, 19%)
Oklch
oklch(79.8% 0.079 187.5)

Traditional「Jade」· Paint「Lake Green」· Creative Arctic Pool

Color Harmonies Color Harmonies

Based on color wheel theory, calculated from primary color

Complementary

F8508B
4FF8BD

Analogous

F84FDE
F8508B
F8684F

Triadic

F8508B
8AF84F
4F8AF8

Split-Comp.

F8508B
4FF868
4FDEF8

Tetradic

F8508B
DEF84F
4FF8BD
684FF8

Contrast Matrix WCAG 2.1 Contrast

F8508B
FB9881
F2E9AF
A2E6B3
7FCEC6
—
1.5
Fail
2.6
Fail
2.2
Fail
1.8
Fail
1.5
Fail
—
1.7
Fail
1.5
Fail
1.2
Fail
2.6
Fail
1.7
Fail
—
1.2
Fail
1.5
Fail
2.2
Fail
1.5
Fail
1.2
Fail
—
1.3
Fail
1.8
Fail
1.2
Fail
1.5
Fail
1.3
Fail
—
White BG
3.2AA Large
2.1Fail
1.2Fail
1.4Fail
1.8Fail
Black BG
6.5AA
9.9AAA
17.1AAA
14.5AAA
11.5AAA

Color Blindness Simulation Color Blindness Simulation

Protanopia

AFAE7D
D0CF87
EEEEBD
BFC0BF
A1A2C8

Deuteranopia

B9C679
D6DD88
EFEFC0
BCB6C2
9D97C8

Tritanopia

F0716F
F68B8C
F2C8CB
A5C9CB
83C9CA

Achromatopsia

898989
B3B3B3
E5E5E5
CCCCCC
B5B5B5

Shades & Tints Shades & Tints

#F8508B

Dark
Light

#FB9881

Dark
Light

#F2E9AF

Dark
Light

Code Snippets Code Snippets

CSS Custom Properties

:root {
  --color-1: #f8508b;
  --color-2: #fb9881;
  --color-3: #f2e9af;
  --color-4: #a2e6b3;
  --color-5: #7fcec6;
}

SCSS

$color-1: #f8508b;
$color-2: #fb9881;
$color-3: #f2e9af;
$color-4: #a2e6b3;
$color-5: #7fcec6;

TAILWIND

colors: {
  'brand-1': '#f8508b',
  'brand-2': '#fb9881',
  'brand-3': '#f2e9af',
  'brand-4': '#a2e6b3',
  'brand-5': '#7fcec6',
}

RGB Array

[248, 80, 139], [251, 152, 129], [242, 233, 175], [162, 230, 179], [127, 206, 198]

FAQ FAQ

What scenarios is this 5-color palette suitable for?

This general-style palette of #F8508B, #FB9881, #F2E9AF, #A2E6B3, #7FCEC6 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: #f8508b; --color-2: #fb9881; --color-3: #f2e9af; --color-4: #a2e6b3; --color-5: #7fcec6. 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